Resources

You will find resources mentioned throughout this book. This list contains material I’ve created, the references I use in my own work, and resources I would recommend for further exploration of CSS layout.

• Grid by Example. I started this site to collect the small examples I was creating as I learned the CSS Grid specification. It is now a resource that includes many examples and patterns, and a video tutorial to help you learn CSS Grid Layout (http://bkaprt.com/ncl/09-01/).
• CSS Layout News. My weekly roundup of useful and interesting CSS-layout-related things (http://bkaprt.com/ncl/09-02/).
• Mozilla Web Docs: Grid Layout. I wrote the CSS Grid documentation for the Mozilla documentation site. If you enjoy learning by reading and looking at examples, you should find this useful (http://bkaprt.com/ncl/09-03/).
• Using Feature Queries in CSS. An article by Jen Simmons explaining how to best use feature queries to provide fallback layouts (http://bkaprt.com/ncl/09-04/).
• The Experimental Layout Lab of Jen Simmons. A collection of experiments and examples of web layout (http://bkaprt.com/ncl/09-05/).
• GridBugs. I’m curating a list of interoperability issues in Grid Layout. If you think you may be dealing with a browser bug, check the list for help (http://bkaprt.com/ncl/09-06/).
• Flexbugs. My GridBugs site was inspired by this repository of flexbox issues and workarounds (http://bkaprt.com/ncl/09-07/).
• CSS Grid Layout. A video of my talk at An Event Apart. Although this talk was recorded prior to Grid shipping in browsers, the information about Grid Layout is all still completely valid (http://bkaprt.com/ncl/09-08/).
• Is It Really Safe to Start Using CSS Grid Layout? Thoughts on starting to use Grid Layout, and how to do so in a way that doesn’t cut off users of older browsers from your site (http://bkaprt.com/ncl/09-09/).
• Grid Fallbacks and Overrides Cheatsheet. How to use Grid Layout to overwrite older layout methods (http://bkaprt.com/ncl/09-10/).
• Box Alignment Cheatsheet. How to align things in Grid and flexbox (http://bkaprt.com/ncl/09-11/).
• The Complete Guide to Flexbox. A flexbox cheat sheet on CSS Tricks (http://bkaprt.com/ncl/09-12/).
• Flexbox Froggy. A game to help you learn flexbox (http://bkaprt.com/ncl/09-13/).
• How to Get Started with CSS Shapes. A walk-through of CSS Shapes, the different options, and how to use them (http://bkaprt.com/ncl/09-14/).
• What’s the Deal with Collapsible Margins? This often confuses people; here’s an excellent explanation by Ire Aderinokun (http://bkaprt.com/ncl/09-15/).