+--------------------------------------------------------+
^ | <html> |
|. .| | <head> |
v / | <title>Designing and Coding Our Layouts</title> |
| / | </head> |
/----/ | <body> |
\ | | <h1>The New Superpowers of CSS</h1> |
+/ \ +--------------------------------------------------------+
| |
| | O O o O O o O O o o O o O O o O
-- -- | | | | | | | | | | | | | | | |
- A complete guide to flexbox
- What the Flexbox
- Flex-basis W3 spec
- Flex-basis Editor’s draft
- Rachel Andrew’w CSS Layout Fundamentals
- Flexbox Defense
- Flexbox Froggy
- CSS Shape Examples - Jen Simmons
- CSS Shapes Editor chrome extensions
- Adobe CSS Shapes Example
- Can I use CSS Shapes?
- The Web Ahead
- Mozilla Developer Network - CSS Shapes
- Multicolumn Examples - Jen Simmons
- Image Gallery Options - Jen Simmons
- Multicolumn Demo - Jen Simmons
- Mozilla Developer Network - break-after
- A Study of Columns and the Need for Regions, part 1 - Jen Simmons
- A Demo of What We Could Do With Regions - Jen Simmons (only Safari Technical Preview)
- CSS Grid layout module W3 spec
- Can I use Grid Layout?
- Jazz Poster example - Jen Simmons
- Rachel Andrew's Grid by Example
- Grid layout vs Flex Layout
- CSS Grid Inspector addon for Firefox
- Mondrian Art Example - Jen Simmons
- Image Gallery with Grid auto flow dense - Jen Simmons
- Get Ready for CSS Grid Layout
- Safari Technical Preview
- Firefox Developer Edition
- Firefox Nightly Builds
- Chrome Canary
- Can I Use
- Chrome Experimental Flags - chrome://flags/#enable-experimental-web-platform-features
- Firefox Nightly Flags - about:config - search: layout.css.grid.example
- Autoprefixer
- Layout Land