Penny

This is in Chrome stable now 🎉

Implementation status of fit-width text Fit-Width Text Implementation Status Author: Kent Tamura <tkent@chromium.org> Last Updated: Document Visibility: Public About this Document This document outlines the current implementation status o...

docs.google.com/document/d/1... provides implementation details, and has questions we'd love your feedback on!

Want to provide feedback on an experiment in building a fit-text-width (fit text width to container) experiment? Try it out in Canary (enable experimental features flag) and tell me what you think! www.haun.org/kent/html5/f...

una.im | Creating a scroll-spy with 2 lines of CSS scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.

scroll-target-group is coming to Chrome 140 (stable next month)!

Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS!

Makes for a great progressive enhancement!

una.im/scroll-targe...

YouTube video by Una Kravets Build a scroll spy in 2 lines of CSS with scroll-target-group and :target-current

New ~3min *first look* CSS video to accompany my most recent blog post 👀

Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS!

www.youtube.com/watch?v=nEJ9...

Designing for User Font-size and Zoom | OddBird Using modern CSS units and math functions

I've been exploring different ways to interact with a user preferred font size. Could the max() function work better than a classic px-to-em conversion?

Along the way: How Best Practice ruined text-only zoom! 😬

Still thinking about units & type in #CSS …

www.oddbird.net/2025/07/22/s...

while the current official number is hotly debated, there are actually far more tags in HTML than the ~150 commonly cited! that number merely represents the ones we’ve discovered and domesticated — there are potentially thousands more in the creeping unexplored corners of the deep web & dark net

Photo of a stunning shorthaired orange tabby cat sitting up looking handsome. You can see a little thumb on one of his polydactyl paws.

Poor Ravioli has been at the shelter for a long time. 💔 He's very handsome and wants affection badly, but he's prone to getting overstimulated. Posting in hopes that maybe a quiet, cat-savvy person in Vermont might see this! www.hsccvt.org/Cats#sl_embe...

Take your time to admire this beautiful catfish…. 🥰
🐈‍⬛

YouTube video by Una Kravets First look: Anchored style queries (early stage prototype in Chrome 139+)

⚠️ Early-stage spec proposal

Finally we'll be getting the ability to style an anchored element based on its position 🙏

Using container-type: anchored & @​container anchored()

Video to learn more: youtu.be/u5-Vuduc9mk

GitHub - bytedance/web-bench: Web-Bench is a benchmark designed to evaluate the performance of LLMs in actual Web development. Web-Bench is a benchmark designed to evaluate the performance of LLMs in actual Web development. - GitHub - bytedance/web-bench: Web-Bench is a benchmark designed to evaluate the performance of LL...

Unsurprised to find that the best performing agent scored only 25.1% on these web development tests.

My own experiments also yielded low quality results across models. Yet, >50% of surveyed web developers are using LLMs in their code.

This seems problematic.

github.com/bytedance/we...

If you put googly eyes on the Pillars of Creation you get muppets 😄😄

Prototype feedback welcome!

CSS border-shape enables non-rectangular borders with any arbitrary shape (polygon, circle, shape()).

border-shape defines the shape of the border, decorates it, and clips only the inside.

State of CSS 2025 Take the State of CSS survey

Especially for women! Not enough of us fill out the survey!

Go take the State of CSS 2025 survey if you have a minute! survey.devographics.com/survey/state...

Blink: Intent to Ship: CSS scroll-target-group property

Blink: Intent to Ship: CSS typed arithmetic

You can now play with CSS gap decoration in Chromium 139+!

Learn more: developer.chrome.com/blog/gap-dec...

Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...

Yay! 🚀 Fewer sharp edges for the web!

Intent to ship Corner Shaping: Enable styling corners, on top of the existing border-radius, by specifying the shape/curvature of the corner.

This allows shapes like squircles, notches, scoops and animating between them.

chromestatus.com/feature/5357...

A new way to style gaps in CSS  |  Blog  |  Chrome for Developers Say goodbye to border and pseudo-element hacks.

Say goodbye to border and pseudo-element hacks, and hello to CSS gap decorations!

developer.chrome.com/blog/gap-dec...

Rethink web permissions: Seamless user control of powerful capabilities with Chrome's new proposed <permission> element  |  Blog  |  Chrome for Developers Learn how Chrome&#39;s new proposed &lt;permission&gt; element creates a more streamlined, trustworthy and in-context permission experience.

Awesome to see this post on rethinking web permissions and the ongoing work on PEPC:

developer.chrome.com/blog/rethink...

appearance:base to the rescue!!

Tim on stage showing old Google on IE

Form control UI used to match browser UI (see how the input matches between the URL bar and search bar) #CSSDay

@chriscoyier.net interested in your comment that replacing tools with platform features was your favorite kind of platform improvement!

What stands out to you as another opportunity for this kind of improvement?

I will be around 4pm! Also see Bramus or Eric at the helpdesk as well.

@cydstumpel.nl would love to learn more about your debugging challenges with view transitions and how we can improve DevTools!

It seemed like the web had won but then Apple quickly embraced native apps.

In response, we lost our nerve by fighting and embracing native apps and how they work. Frameworks and single page apps. CSS is relegated in utility classes or CSS-in-JS. #CSSDay

Reverse side of the whiteboard at CSS Day soliciting feedback

What's missing from DevTools? Add your thoughts on the back of the whiteboard! #CSSDay

#CSSDay Whiteboard for voting

Come tell us what's missing from HTML and CSS at the Help Desk! #CSSDay

Come tell us with a sticky or add your vote with a 🔴🔵⚪.

We go over this survey with a fine tooth comb to understand the challenges of web developers, and upvoted concerns are an important consideration in the new features & standards we focus on!

Please consider taking the time to fill it out! 🙏