Skip to content

Issue 289

Platform News, clamp(), masking, accessibility, and faking container queries.

Rachel Andrew
2 min read

News

Issue 289

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.

css-tricks.com

Learn

Going From Solid to Knockout Text on Scroll | CSS-Tricks

This is a really fun technique to try with clipping in CSS.

css-tricks.com


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.

maximeroudier.com


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.

hiddedevries.nl


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.

polypane.app

Our Sponsor

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!

aneventapart.com

Newsletter