├── .gitignore ├── README.md ├── css ├── basic-layout.css ├── flexbox-1.css ├── home.css ├── home.css.map ├── multicolumn.css ├── rotation.css ├── rotation.css.map ├── shapes.css ├── styles.css ├── typography.css ├── viewport-2.css ├── viewport-flexbox.css └── viewportunits.css ├── experiments ├── ex6.html ├── index.html ├── photo.jpg ├── region.html ├── styles.css └── styles.scss ├── flexbox └── cover-sheet.html ├── images ├── GraceHopper.jpg ├── cat-circle-2.png ├── cat-circle.png ├── cat-diamond.png ├── cat-elipse.png ├── cat-rectangle.jpg └── lincoln.jpg ├── index.html ├── js └── html5shiv.js ├── multicolumn └── index.html ├── rotation ├── index.html ├── index2.html ├── index3.html └── index4.html ├── sass ├── basic-layout.scss ├── home.scss ├── multicolumn.scss ├── rotation.scss ├── shapes.scss ├── typography.scss ├── viewport-2.scss ├── viewport-flexbox.scss └── viewportunits.scss ├── shapes └── index.html └── viewportunits ├── cover-sheet-2.html ├── cover-sheet.html └── index.html /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/README.md -------------------------------------------------------------------------------- /css/basic-layout.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/basic-layout.css -------------------------------------------------------------------------------- /css/flexbox-1.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/flexbox-1.css -------------------------------------------------------------------------------- /css/home.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/home.css -------------------------------------------------------------------------------- /css/home.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/home.css.map -------------------------------------------------------------------------------- /css/multicolumn.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/multicolumn.css -------------------------------------------------------------------------------- /css/rotation.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/rotation.css -------------------------------------------------------------------------------- /css/rotation.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/rotation.css.map -------------------------------------------------------------------------------- /css/shapes.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/shapes.css -------------------------------------------------------------------------------- /css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/styles.css -------------------------------------------------------------------------------- /css/typography.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/typography.css -------------------------------------------------------------------------------- /css/viewport-2.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/viewport-2.css -------------------------------------------------------------------------------- /css/viewport-flexbox.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/viewport-flexbox.css -------------------------------------------------------------------------------- /css/viewportunits.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/css/viewportunits.css -------------------------------------------------------------------------------- /experiments/ex6.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/experiments/ex6.html -------------------------------------------------------------------------------- /experiments/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/experiments/index.html -------------------------------------------------------------------------------- /experiments/photo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/experiments/photo.jpg -------------------------------------------------------------------------------- /experiments/region.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/experiments/region.html -------------------------------------------------------------------------------- /experiments/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/experiments/styles.css -------------------------------------------------------------------------------- /experiments/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/experiments/styles.scss -------------------------------------------------------------------------------- /flexbox/cover-sheet.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/flexbox/cover-sheet.html -------------------------------------------------------------------------------- /images/GraceHopper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/GraceHopper.jpg -------------------------------------------------------------------------------- /images/cat-circle-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/cat-circle-2.png -------------------------------------------------------------------------------- /images/cat-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/cat-circle.png -------------------------------------------------------------------------------- /images/cat-diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/cat-diamond.png -------------------------------------------------------------------------------- /images/cat-elipse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/cat-elipse.png -------------------------------------------------------------------------------- /images/cat-rectangle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/cat-rectangle.jpg -------------------------------------------------------------------------------- /images/lincoln.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/images/lincoln.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/index.html -------------------------------------------------------------------------------- /js/html5shiv.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/js/html5shiv.js -------------------------------------------------------------------------------- /multicolumn/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/multicolumn/index.html -------------------------------------------------------------------------------- /rotation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/rotation/index.html -------------------------------------------------------------------------------- /rotation/index2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/rotation/index2.html -------------------------------------------------------------------------------- /rotation/index3.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/rotation/index3.html -------------------------------------------------------------------------------- /rotation/index4.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/rotation/index4.html -------------------------------------------------------------------------------- /sass/basic-layout.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/basic-layout.scss -------------------------------------------------------------------------------- /sass/home.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/home.scss -------------------------------------------------------------------------------- /sass/multicolumn.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/multicolumn.scss -------------------------------------------------------------------------------- /sass/rotation.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/rotation.scss -------------------------------------------------------------------------------- /sass/shapes.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/shapes.scss -------------------------------------------------------------------------------- /sass/typography.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/typography.scss -------------------------------------------------------------------------------- /sass/viewport-2.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/viewport-2.scss -------------------------------------------------------------------------------- /sass/viewport-flexbox.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/viewport-flexbox.scss -------------------------------------------------------------------------------- /sass/viewportunits.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/sass/viewportunits.scss -------------------------------------------------------------------------------- /shapes/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/shapes/index.html -------------------------------------------------------------------------------- /viewportunits/cover-sheet-2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/viewportunits/cover-sheet-2.html -------------------------------------------------------------------------------- /viewportunits/cover-sheet.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/viewportunits/cover-sheet.html -------------------------------------------------------------------------------- /viewportunits/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jensimmons/thelayoutsahead/HEAD/viewportunits/index.html --------------------------------------------------------------------------------