Platform News, clamp(), masking, accessibility, and faking container queries.
I've been at a CSS WG virtual face-to-face meeting today so a little late sending this out, with a little round-up of things I have read in the past few days. I realised that it has now been a year since I last spoke at a conference. I really do miss seeing everyone, however virtual events are filling some of the gaps.
An Event Apart are my sponsor this week, and I would love to encourage you to register for the (virtual) Spring Summit. I'll be doing a brand new talk, and the line-up looks fantastic. I'm so looking forward to it. Just as with the in-person events this will be a great event to attend with others in your team. The talks cover such a wide range of things that we need to know as web developers, there is something for everyone. I'd love to see you there!
Rachel Andrew, CSS Layout News
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support | CSS-Tricks
You can now keep up on weekly web platform news with Šime Vidas at CSS Tricks.
Going From Solid to Knockout Text on Scroll | CSS-Tricks
This is a really fun technique to try with clipping in CSS.
Type Scale Clamp Generator
You can find out about creating a type scale using
clamp() over at CSS Tricks but here is a nice generator to help you play with the technique.
It's easier when you do it earlier
A post about accessibility, and how it becomes much easier if you bake it in from the start. As the post notes this probably holds true for other areas in web development, security and performance also benefit from being considered throughout the development process.
Faking container queries with CSS Grid | Polypane Browser for Developers
Using CSS Grid to solve one type of problem that might have you wishing container queries were here already.
Fuel your creativity: three days of learning on CSS, design, and more
Learn what’s next in web design by participating in An Event Apart Online Together: Spring Summit, a three-day conference with an intense focus on digital design, UX, content, code, and more, coming to a device near you April 19–21.
You’ll learn about advanced CSS from Rachel Andrew and Miriam Suzanne, inclusive and cross-cultural design from Derek Featherstone and Senongo Akpem, web components and PWAs from Dave Rupert and Ire Aderinokun, user research from Cyd Harrell, and much, much more.
CSS Layout subscribers can save $100 off any multi-day pass with promo code: AEACSSL21
Don’t miss out—see our detailed three-day schedule and register today!
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.