30 JAN 2018

Issue 131

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



News

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


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


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.

Learn

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


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


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.


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

Interesting

A very neat design using CSS Grid.


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.

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!

Enjoyed this article?

Join our free newsletter and never miss an update.


Related Articles