Transitioning popovers with :popover and @ initial: (A thread) 0. Use :popover-open + @ initial to set up before-open styles (what you're animating *from*) 1. Within :popover-open, set up open state 2. In the base element, set up what you're animating *to* ⚠️ API could change

I just searched Can I Use... for the lh unit, thinking “nah, none of them will have implemented it”. I was delighted to be wrong! All except Firefox 🔥 and Samsung Internet Developer Advocacy! I can now start doing things like: height: 1.2em; /* fallback */ height: 1lh; caniuse.com/mdn-css_types_…

The Climate Crisis font introduces a variable Year axis to visualize the urgency of climate change by appearing to degrade over time, like each character is a glacier melting away. design.google/library/climat…

Man kan inte ta bort stora delar av Sveriges klimatpolitik utan att ersätta det med något - och sen tro att vi ska nå klimatmålen! Fullständigt orimligt! svt.se/nyheter/snabbk…

Incredibly excited to announce Web Platform Baseline, an always up-to-date feature set that makes it easy to tell which web platform features are widely available now. Launching on MDN today: web.dev/baseline/ and developer.mozilla.org/en-US/blog/bas…

Check out the new baseline feature on MDN Web Docs announced at #GoogleIO - developer.mozilla.org/en-US/blog/bas…

Are you still unsure of what exactly the deal is with baseline? This part of the developer keynote adds some additional context. youtube.com/live/r8T0SnwHR… #GoogleIO2023 #baseline #MDNWebDocs

Sunday read. This is hilarious. Engineers are competing who creates the worst UI on Reddit. I think the winners are: 1/ Enter your phone number

Alla som kommenterar ”vem bryr sig?” verkar ju uppenbart bry sig så pass mycket att de orkar kommentera.. om du nu inte bryr dig: håll käften. På riktigt: jag längtar efter att tweets som dessa blir helt okontroversiella!

Another project my team has launched this quarter. Chrome has now support for color spaces and wide color gamut. CSS now can do color-mix(). We also made gradients prettier! :)

CSS nesting in 16.5 .very { .cool { } }

New CSS color spaces and functions in all major engines by Rachel Andrew web.dev/color-spaces-a…

Chrome for Testing: reliable downloads for browser automation developer.chrome.com/blog/chrome-fo…

🥳 Massive congratulations to the Edge team for working on this. The Edge team always impresses me with the attention to detail they bring to a project, and quality of implementation. wpt.fyi/results/css/cs…

There are no reasonable explanations for why this spokesman would say this. The explosions and sirens were very, very audible from central Kyiv.

Amazing to see this come full circle: this module both inspired the native web platform feature and is now implemented in terms of the platform feature. Huge win for typography on the web!

Take the State of CSS survey! The Chrome team will use it to prioritize work, both for Interop 2024 and for cutting edge feature work.

Two weeks left to take the 2023 State of CSS survey! Every voice counts, and it's also a great chance to learn about new and upcoming CSS features all at once! survey.devographics.com/en-US/survey/s…

What happens when you manage social media wrong? - people die - swatting - girls get anorexia - genocide - elections are stolen - friends and family are lost to conspiracy theories like Q anon A rocket sounds fucking easy compared to that. Plus he exploded the landing pad 🤦🏼‍♀️🤷🏼‍♀️