iiinova — where your digital self keeps evolving

Reposted by @yisibl.bsky.social

Servo @servo.org · 13/08/2026

CSS Grid is now enabled by default in Servo 🎉 One of the most powerful web layout systems is now available in an independent Rust web engine. It's powered by the library Taffy & enabled thanks to Nico Burns. A huge milestone for CSS layout in Servo!

110915

yisibl.bsky.social @yisibl.bsky.social · 22/07/2026

This is a proposal I made ten years ago, and it’s finally starting to be implemented in browsers.

030

Reposted by @yisibl.bsky.social

Josh Tumath @joshtumath.uk · 12/06/2026

We are all chanting once again CSS CSS CSS! Only Adam could get us to do that.

141

yisibl.bsky.social @yisibl.bsky.social · 12/06/2026

Let Rounded Corners Be Everywhere!

030

Reposted by @yisibl.bsky.social

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026

Modern attr() is behind `layout.css.attr.enabled` in Firefox (set it in about:config). It's enabled by default in @firefoxnightly.bsky.social In Firefox DevTools, there will be a tooltip when the attribute value doesn't match the type you declare in CSS #cssday

Firefox DevTools Inspector with a tooltip displayed. The text of the tooltip says: Attribute value ("tree") does not match expected "<number>" syntax

2287

Reposted by @yisibl.bsky.social

Saron Yitbarek @saron.bsky.social · 11/06/2026

The <select> element has been tough to style for decades. appearance: base-select changes that. We'll walk you through full CSS control, rich HTML options, and keeping it accessible — all while leveraging the power of the native element.

developer.apple.com

Rediscover the HTML select element - WWDC26 - Videos - Apple Developer

Learn how to unlock full control of styling select menus on the web. The HTML select element is getting a major upgrade with a new CSS...

25012

yisibl.bsky.social @yisibl.bsky.social · 11/06/2026

CSS colors are becoming increasingly complex, yet we still don’t have enough test cases. In this situation, what do you think the expected behavior for gradients should be? Demo: issues.chromium.org/issues/42291...

020

yisibl.bsky.social @yisibl.bsky.social · 10/06/2026

Next, let’s implement `flex-wrap: balance`! bsky.app/profile/yisi...

000

yisibl.bsky.social @yisibl.bsky.social · 03/06/2026

Sketch 2026 now supports gradient borders.

010

yisibl.bsky.social @yisibl.bsky.social · 27/05/2026

Here’s another important CSS feature I’ve developed in collaboration with Jason. Please give it a try and let me know what you think. @bram.us has an article that explains it in detail. www.bram.us/2026/03/19/m...

bram.us

More Easy Light-Dark Mode Switching: light-dark() is about to support images!

CSS light-dark() is being extended to support images.

010

yisibl.bsky.social @yisibl.bsky.social · 27/05/2026

Jason and I have introduced several new CSS features in Chrome 150—it’s an exciting release! groups.google.com/a/chromium.o...

groups.google.com

Intent to Ship: Allow optional rounding parameter for `polygon()`

010

Reposted by @yisibl.bsky.social

Andreu Botella @andreubotella.com · 26/05/2026

Brian's blog post goes in more depth on line-clamp, but it gets rid of the 3-property cruft you need before -webkit-line-clamp will do anything, and it also adds a `line-clamp: auto` syntax to be able to clamp to whatever content fits a given height. It even lets you animate that height!

131

yisibl.bsky.social @yisibl.bsky.social · 15/05/2026

But the border-image API is really hard to use, especially since you can't use border-radius with it.

000

yisibl.bsky.social @yisibl.bsky.social · 13/05/2026

When shape-outside meets `shape()`, it sparks endless inspiration. As always, @cgqaq.bsky.social has implemented it in Chrome 149 (coming next week)! We’ll be bringing even more amazing CSS features to Chrome, so stay tuned. The Codepen is below👇 Thanks to @una.im @nomster.bsky.social for their help

1336

yisibl.bsky.social @yisibl.bsky.social · 11/05/2026

Microsoft previously introduced the ability to copy SVG to the clipboard in Edge and Chrome, which is a great feature. But there's one issue: the `style` tag gets lost when pasting. @patrickbrosset.com, is anyone still working on this bug? issues.chromium.org/issues/40776...

issues.chromium.org

Chromium

100

Reposted by @yisibl.bsky.social

Una Kravets @una.im · 06/05/2026

OoooOOooh! Guess what! As of Chrome 149, shape() works in shape-outside! So you can really *shape* your UI's 😉* rect() and xywh() are also supported for shape-outside in Chrome 149 codepen.io/una/full/ogz... *(just let me have my Mom joke)

55910

Reposted by @yisibl.bsky.social

Patrick Brosset @patrickbrosset.com · 23/04/2026

Getting inspired by all the things the new CSS grid lanes layout can do. Like this bottom-up and top-down layout. Sure, this layout isn’t the best for when order is important. But, man, is it cool for visual creativity.

Seattle black and white photos. Photos above the title go up. Photos below it go down.

1194

yisibl.bsky.social @yisibl.bsky.social · 09/04/2026

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to @lea.verou.me for bringing it to CSS. Enable the `enable-experimental-web-platform-features` flag in Chrome Canary codepen.io/yisi/pen/NPR...

16810

yisibl.bsky.social @yisibl.bsky.social · 25/03/2026

Could you add some ID anchors to the Safari blog posts? It is currently quite inconvenient to reference specific features without them.

000

yisibl.bsky.social @yisibl.bsky.social · 19/03/2026

Yeah~, I pushed Jason to implement it in Blink.

040

yisibl.bsky.social @yisibl.bsky.social · 28/11/2025

Starting with Chrome 144, you can now make underline gradients work—a long-standing bug. Thanks to Minseong Kim from South Korea for fixing it! But due to the ambiguity of `background-clip: text` in the specification, there is still a long way to go. crbug.com/362055819

010

yisibl.bsky.social @yisibl.bsky.social · 26/11/2025

CSS Masonry(display: grid-lanes) microsoftedge.github.io/Demos/css-ma...

010

yisibl.bsky.social @yisibl.bsky.social · 26/11/2025

Relying solely on max-width appears insufficient to resolve the issue of “a single image being placed on a single line” in certain scenarios. We hope Chrome will ship `flex-wrap: balance` as soon as possible. codepen.io/yisi/full/Wb...

020

yisibl.bsky.social @yisibl.bsky.social · 07/11/2025

@tomayac.com The Async Clipboard API example no longer works in Safari. Could you please update the code and article? googlechrome.github.io/samples/asyn... Sorry, my DMs have been disabled by the bsky, so I can only tag you here.

000