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-padding property adjusts a scroll container’s optimal viewing region# | Web Platform 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
How to Create Joined Bulletpoint Lists with CSS, BBC News-style - DEV Community 👩💻👨💻
Nice little tutorial of how to use generated content to create the joined up bulleted lists that the BBC News website uses.
Grids All The Way Down
My slides, resources and code from my presentation at Colchester Digital last week.
How to create a multi-line text background effect | CodyHouse
A hover effect that looks good even when your text spans multiple lines.
A Few Functional Uses for Intersection Observer to Know When an Element is in View | CSS-Tricks
Intersection Observer offers quite a few interesting possibilities. Here are some nice use cases.
Animating CSS Grid Rows and Columns – Bits and Pieces
An article about animating the grid-template-rows and grid-template-columns properties.
Subgrid - CSS: Cascading Style Sheets | MDN
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
Who’s most responsible for your website’s success?
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.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.