Issue 198
scroll-padding, subgrid, Intersection Observer, animating grid tracks.
News
Issue 198
The sun is shining here in the UK, and I'm off to Amsterdam tomorrow. My travels are taking me around Europe for the next few weeks, before I head off to the next CSS Working Group meeting in Toronto. I've been continuing to play with the upcoming implementation of subgrid in Firefox, I am looking forward to it shipping in a version of Firefox Nightly so people can try out all my demos!
This issue is sponsored by my friends over at An Event Apart. Check out the offer at the end of this email. I'm speaking at all of the An Event Apart shows this year, the next one will be in Washington DC. I'd love to see you there!
Rachel Andrew, CSS Layout News
"The CSS Scroll Snap module has recently been updated to clarify that the scroll-padding and scroll-margin properties can be used more generally, even when no scroll snap containers are defined."
Learn
Nice little tutorial of how to use generated content to create the joined up bulleted lists that the BBC News website uses.
My slides, resources and code from my presentation at Colchester Digital last week.
A hover effect that looks good even when your text spans multiple lines.
Intersection Observer offers quite a few interesting possibilities. Here are some nice use cases.
An article about animating the grid-template-rows and grid-template-columns properties.
In preparation for the subgrid value for grid-template-columns and grid-template-rows shipping in Firefox Nightly, I've been working on some docs for MDN.
Our Sponsor
Is it the product designer? The project manager? The content strategist? How about the front-end coder? Friends, there’s someone who’s even more important than any of those professionals: it’s your user. If your user succeeds at doing what they need to do on your website, your site and your organization also succeed. If the user fails, you fail.
Learn how to put the user at the center of everything you do at An Event Apart, the web conference for UX and front-end professionals. Featuring brilliant insights and terrific takeaways from 17 of the best in our business. From future-friendly development to eternal truths of customer service, every session, like every AEA speaker, is dedicated to helping the most important person on the web: your customer. Join us and save $100 off any two or three days with code AEACSSN.