Best Practices With CSS Grid Layout

1. Be very aware of the possibility of content re-ordering. 2. Test using real target browsers with a local or remote Virtual Machine. 3. Don’t forget that older layout methods are still valid and useful. 4. Try to look at these new methods anew rather than forcing them back into old patterns. 5. Keep trying things out. We’re all new to this. Test your work and share what you discover.

Fit For Purpose: Making Sense of the New CSS by Eric Meyer

This new talk from Eric Meyer sounds fantastic. Until we can get a video, Jeremy's notes do a great job summarizing Eric's key points.

Art Directing For The Web With CSS Grid Template Areas

If you’re at all serious about web design or development, you need to be serious about learning and using CSS Grid too. In this article I’m going to explain how to use one aspect, grid-template areas, a way of arranging elements that even a big, dumb mug like me can understand, and one that doesn’t get enough attention.

Creating Themeable Design Systems

TL;DR: Design systems + CSS Zen Garden = Awesome. We can create a lot of efficiency by sharing components between brands while still honoring each brand’s unique visual identity. I hope this post helps dispel the myth that design systems impose stifling rigidity on design teams and lead to bland, one-size-fits-all experiences.

Another Collection of Interesting Facts About CSS Grid

Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I worked on another workshop and I've learned some more exciting facts about the layout spec we all so love. Of course, I'm not going to keep my knowledge to myself. I'm happy to share my findings once again with you.