guidelines for building interfaces on the web interactions, animations, layout, content, forms, performance, design & copywriting includes an AGENTS​.md

Memories of Fiery sunsets. Grundy, Ontario Sept 2016 #WeekMforMemories #AlphabetChallenge #EastCoastKin #sunset #ShareCanGeo #blueskyphotography #GrundyPP

Blink: Intent to Ship: Interest Invokers (the `interestfor` attribute)

Blink: Intent to Ship: :target-before and :target-after pseudo-classes

Blink: Intent to Prototype: Overscroll Gestures

Blink: Intent to Ship: Respect overscroll-behavior on non-scrollable scroll containers

To do this with the (upcoming) interest invoker API, it's 1 line of code: .parent:has(:interest-source) button { interest-show-delay: 0s; } You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover). codepen.io/una/pen/LEpw...

Safari 26 is here!!! Anchor Positioning, Scroll-driven animations, High Dynamic Range images, the new HTML <model> element, the all-new Digital Credentials API, SVG icon support, WebGPU, WebKit in SwiftUI, every site can be a web app on iOS and iPadOS, and much more. webkit.org/blog/17333/w...

Lotus #photography #flowers #plants #blossom #BloomScrolling

Concurrent View Transitions is a huge unlock, please kick the tires on these and give us feedback!

If you thought we were done with View Transitions, guess again! A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM. This unlocks things like concurrent transitions and prevents layering issues. developer.chrome.com/blog/scoped-...

Here's your chance to have your voice heard! What do you want to see land cross-browser in 2026?

A calm good morning from this aquatic plant producing oxygen: #AGoodPlace Source: www.reddit.com/r/oddlysatis...

Big CSS progress today. Scope v1 issues are all resolved: github.com/orgs/w3c/pro... Progress on gamut mapping colors: github.com/orgs/w3c/pro... Masonry will get a unique `display` value from grid. Name TBD: github.com/w3c/csswg-dr...

Scoped View Transitions are ready for testing in Chrome! SVTs expose el.startViewTransition() on HTML elements. The element creates a scope for the transition, ∴ the transition pseudo-elements are affected by ancestor clips and transforms. Multiple SVTs on separate elements can run *concurrently*.

Follow me on Youtube where I'm trying to post more consistently 🙂 www.youtube.com/@UnaKravets Thank you ❤️

Video walkthrough of CSS functions! www.youtube.com/watch?v=K5k_... (It's pretty short, I promise)

This is in Chrome stable now 🎉

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...

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...

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...

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

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…. 🥰 🐈‍⬛

⚠️ 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

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.

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...

Say goodbye to border and pseudo-element hacks, and hello to CSS gap decorations! developer.chrome.com/blog/gap-dec...

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!!

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?

@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

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! 🙏

Huzzah!!

Ready for #CSSDay !

Two lines of Cross-Document View Transitions code you can use on every website today: "Any element that’s the same stays exactly in place. It keeps the background color of the site constant. And then anything that’s different happens in a crossfade." #CSS webkit.org/blog/16967/t...

Our data analysis of feature adoption speed across rendering engines suggests it's continuing to accelerate! Some features are as little as 6 months from Baseline limited availability (shipped in 1 engine) to Baseline newly available (supported in Blink, Gecko and Webkit).

My #GoogleIO video “Web animations today and tomorrow” has been published. Check out this session to learn how to guide, inform, and delight users by adding subtle and supportive animations to your web UIs. www.youtube.com/watch?v=UcXW...

Awesome to see declarative interactivity getting so much time at #GoogleIO25 ! Thanks @una.im !