Skip to content

Issue 131

Firefox 58, scroll-snapping, container queries, and responsive design

Rachel Andrew
2 min read


Issue 131

This time next week I'll be at Smashing Conf London, with a new talk and also a full day workshop. I think London is pretty much sold out - there may be one or two workshop tickets remaining if you are quick. I'll also be speaking at the San Francisco event, and as Smashing Conf have been kind enough to sponsor the email this week you can check the footer for details of the early bird prices.

With conference season looming already, I feel as if I'm spending my life working on slides, workshop examples and talk notes. Looking forward to getting out there and presenting this stuff!

Rachel Andrew, CSS Layout News

Firefox 58: The Quantum Era Continues – Mozilla Hacks – the Web developer blog

What is in Firefox 58? An explanation of some of the new features and performance improvements that are part of Project Quantum.

Choosing a single option for resolving padding and margin percent values of grid/flex items

At the end of last year I wrote a post asking for feedback on this issue. With opinion split Edge and Firefox are to align with the current Chrome and Safari behaviour, as this will impact fewer existing sites and ensure interoperability. Lots of interesting things have come out of the discussion however, including thoughts on better ways to handle the aspect ratio issues and the “padding hack” enabled by the behaviour in Chrome and Safari.


CSS Scroll Snap: What Is It? Do We Need It?

An explanation of scroll snap and details of how to use it, with some demos to try out.

Internet Explorer exists. Use CSS Grid? - YouTube

In a new Layout Land video Jen Simmons explains how you can use CSS Grid even though non-supporting browsers exist.

Circularity and Container Queries · WICG/cq-usecases Wiki

An explanation of why container queries are harder to implement than media queries. Something I've learned since joining the CSS Working Group is how everything turns out to be much more complicated than it appears at first.

New Adventures in Responsive Web Design - Vitaly Friedman - btconfMUC2018 on Vimeo

From Beyond Tellerand Conference, Vitaly Friedman's talk New Adventures in Responsive Web Design.


Isometric Card Grid

A very neat design using CSS Grid.

How to use variable fonts in the real world – Clear(left) Thinking – Medium

Richard Rutter explains how Clearleft implemented variable fonts on the new Ampersand website.

Our Sponsor

Coming to Smashing Conferences fundamentally changed how I develop websites.

Coming to Smashing Conferences fundamentally changed how I develop websites.

Ryan Chittenden, Director of Web Development, Fuego Digital Media

With our third SmashingConf San Francisco taking place on April 17 & 18, we want to explore strategies for making outstanding, fast experiences, and what we all need to know today, to be more productive and make smarter decisions tomorrow.

Register for three days and save $100 off the cost of registering separately for the conference and the workshop. Plus, if you register until tomorrow, you'll save another $100, so don't delay and get those! Get the Early Bird tickets today!