Issue 190
Firefox 66 is out with a whole bunch of interesting CSS features
News
Issue 190
We are at issue 190! That's a goodly amount of CSS layout related links. Thank you to everyone who writes enough interesting stuff for me to be able to fill this newsletter each week!
This week Firefox 66 is released and has implemented a whole bunch of useful CSS properties. I've been working on documenting many of them for MDN, the release notes below link to the docs so you can see what does what.
It also happens to be 10 years since IE8 was released. I enjoyed reading Chris Ashton's piece about using the modern web with IE8 for a day. Ten years! It seems impossible it could have been so long ago, and yet a lifetime ago at the same time.
Till next time,
Rachel Andrew, CSS Layout News
Firefox 66 for developers - Mozilla | MDN
Firefox 66 is out with a whole raft of interesting CSS additions - many of which I've been documenting over at MDN.
Check out the release notes to see everything but some highlights include logical property two-value shorthands, animatable grid-template-* properties, unprefixing of the min-content and max-content keywords.
What's New In DevTools (Chrome 74) | Web | Google Developers
A useful little tip for Chrome DevTools in Chrome 74. Highlight all nodes affected by a CSS declaration.
Learn
Sophisticated Partitioning with CSS Grid | Rob Weychert
This is a very nice write-up of how to create interesting grid patterns.
I Used The Web For A Day On Internet Explorer 8 — Smashing Magazine
Internet Explorer 8 is ten years old today. So Chris Ashton used the elderly browser for a day and reports back in this article.
Why can't I set the font size of a visited link?
An explanation of the security issue that prevents us from setting certain properties on visited links.
Stacked "Borders" | CSS-Tricks
Eric Meyer describes different ways of stacking one border on top of another using CSS.
Interesting
CSS Grid: Floor Plan
This is fun. I like inspecting these things with DevTools.
Little Things That Tickled My Brain from An Event Apart Seattle | CSS-Tricks
Chris writes up some of the things he found interesting at An Event Apart Seattle. I always find it useful to know what people take away from my talks - which things do people make notes, or tweet about?
Our Sponsor
Flexbox, CSS Grid and much more. Understand CSS Layout with my video course.
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.