CSS Layout News - Issue 198 - 14th May 2019
source link: https://www.tuicool.com/articles/hit/iyQJbmf
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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."webplatform.news
Learn
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.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK