Issue 117
Grid now in Edge, the story of Grid Layout, and a new role for me at Smashing Magazine.
News
Issue 117
I am very briefly at home before a trip to speak at View Source in London, and then on to San Francisco for An Event Apart then TPAC and the CSS Working Group meeting.
My news today is that I'm joining the lovely team at Smashing Magazine as the new Editor in Chief. I'm very excited about having the chance to help shape the magazine, and to spend more time with the Smashing crew, who are such fun and so enthusiastic about providing great, useful content.
Rachel Andrew, CSS Layout News
What’s New in Microsoft Edge in the Windows 10 Fall Creators Update
Last week Grid Layout shipped in EdgeHTML 16. This means that we now have Grid Layout enabled in all of the main desktop browsers.
Mozilla brings Microsoft, Google, the W3C, Samsung together to create cross-browser documentation on MDN - The Mozilla Blog
MDN is my go to place when I need to look up some web documentation. I've also contributed articles to the CSS Grid section of the documentation. I was therefore really happy with the news that the major browser vendors are working together to make it the place for cross browsers documentation.
Learn
The New CSS Layout, An Excerpt · An A List Apart Article
I've had some lovely feedback on my latest book so far, and today an excerpt has been published on A List Apart detailing some of the basic concepts of Grid Layout.
Breaking down CSS Box Shadow vs. Drop Shadow | CSS-Tricks
A short yet detailed exploration of the differences between the CSS Filters drop-shadow and the box-shadow property.
Changing The Layout Game – Chris Wright / Front-Trends 2017 - YouTube
A video of Chris Wright's talk at Front Trends this year.
"In this talk, we’ll discover the possibilities these features create. We’ll explore the ResizeObserver and the first steps toward the Container Query, creating smarter components with Flexbox, managing complex layout with Grid, and using CSS Variables to help us simplify managing the layout."
Interesting
The Story of CSS Grid, from Its Creators · An A List Apart Article
I'm quoted in this story of how CSS Grid Layout came to be. It's an interesting - and lengthy - history. CSS doesn't ever happen quickly.
CodePen - Isometric CSS Grid experiment in three planes
Here is a really fun CodePen experiment from Andy Barefoot who has been creating a few neat Grid experiments.
Our Sponsor
Become the layout expert on your team!
Let me teach you layout, and save yourself time with every site you build.
I've distilled my knowledge about CSS Layout into this training course. This course has something for you if you are new to CSS, have been using frameworks for a while and want to understand how they work, or have been doing this for a while but want to understand the newer layout methods. The course includes video tutorials, text explanations and all the starting points to follow along.
The full table of contents gives an overview of what you can learn - at your own pace. We also have a Slack community where you can ask questions about the course materials.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.