iiinova — where your digital self keeps evolving

Reposted by Una Kravets

MDN Web Docs @developer.mozilla.org · 25/09/2026

🆕 Customize MDN's browser compat tables! Press ⚙️ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need. Your picks are saved in your browser. Try it 👇 developer.mozilla.org/en-US/docs/W...

MDN's browser compatibility table for the HTML popover attribute. Its columns cover desktop and mobile browsers, showing which versions support the attribute and its "hint" value. A "Settings" button sits above the table.

The Browser compatibility settings dialog on MDN. Browsers appear as chips grouped under Desktop, Mobile, Server and XR, and each one can be added to or removed from the table.

27725

Una Kravets @una.im · 28/08/2026

Had one of those intensely vivid pregnancy dreams but it was about responsive UI patterns for supportive context… (weirdo) Might write a blog post. Might have a baby. Which will come first? 🫣

4560

Reposted by Una Kravets

Firefox for Web Developers @webdevs.firefox.com · 25/08/2026

CSS sibling-count() and sibling-index() are newly available across engines! Here's how they work:

314925

Reposted by Una Kravets

Keith Cirkel @keithamus.social · 17/08/2026

Web Frameworks Community Group discussed Declarative Partial Updates developer.chrome.com/blog/declara.... We’re getting feedback from framework authors to take to standards bodies. Have opinions? Want to be heard? Join the discord! discord.gg/fXCngmSwHz

developer.chrome.com

Declarative partial updates | Blog | Chrome for Developers

Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148

1379

Una Kravets @una.im · 13/08/2026

Big news! For the past 9 months I’ve been running a fully-autonomous local agent for a pretty complex body building project. And I’m almost ready to deploy (any day now 🙂)! Wish me luck for the launch 🙏

292920

Reposted by Una Kravets

Aurora Scharff @aurorascharff.no · 12/08/2026

I've been using React's <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> throughout my Next.js SPA series to make the demos smoother and more alive. Here are the patterns I use most: 1. Suspense reveals 2. Morphing content into place 3. Page transitions See each pattern, plus the guide and Skill ↓

2303

Reposted by Una Kravets

Schalk Neethling @schalkneethling.com · 13/07/2026

Finally 😁 Throwing Confetti with CSS Random | Throwing some confetti while exploring the CSS random() function through its specification and its current implementations, finding both the beauty and the pitfalls along the way. | schalkneethling.com/posts/throwi...

schalkneethling.com

Throwing Confetti with CSS Random

Throwing some confetti while exploring the CSS random() function through its specification and its current implementations, finding both the beauty and the pitfalls along the way.

0275

Reposted by Una Kravets

Patrick Brosset @patrickbrosset.com · 12/08/2026

<input type="checkbox" switch> is coming to Chromium-based browsers! My team is currently adding the implementation at chromium-review.googlesource.com/c/chromium/s...

Two switches as seen on iOS. The first one has a default green background. The second one has a custom background set by using CSS.

216121

Reposted by Una Kravets

Bramus @bram.us · 30/07/2026

One of the things that we at Chrome have been thinking about is a way to do declarative route and navigation matching **in CSS**. Together with @nomster.bsky.social and @dbaron.org I’ve been working on it for the past few months, and next week we’ll be presenting our work at the CSSWG F2F meeting.

6599

Una Kravets @una.im · 23/07/2026

Did I mention that `flex-wrap: balance` landed in Chrome stable last month!? 👀👀👀

511816

Reposted by Una Kravets

Joey Arhar @josepharhar.bsky.social · 14/07/2026

Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)

2211623

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

I literally had this blog post in my drafts since March 😆 But then I was waiting for browser support and then event season happened. HERE IT IS THOUGH. As promised at #CSSDay

2303

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

With style queries now in all browsers, here's my take on the best way to do dynamic color theming with modern CSS: - Custom properties - light-dark() - contrast-color() - Style queries - Relative color syntax (^Features available in all modern browsers) Read about it ⬇️⬇️ una.im/modern-css-t...

una.im

una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries

Combine three new CSS features to build fully adaptive themed components.

410820

Reposted by Una Kravets

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

`sibling-index()` and `sibling-count()` are currently being prototyped in Firefox¹, hopefully available soon for testing :) #cssday ¹ groups.google.com/a/mozilla.or...

groups.google.com

Intent to Prototype: sibling-index() and sibling-count()

1121

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

What CSS doesn’t know and @nerdy.dev’s new JavaScript library Prop for That: prop-for-that.netlify.app #cssday

2221

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

“None is a state you can design for. 1 or 3, etc. and the component can own it” — @nerdy.dev #cssday

1130

Reposted by Una Kravets

Artem Pendiurin @erblack.me · 12/06/2026

A #sketchnotes for the talk "Modern UI Patterns" by @una.im at the @cssday.nl #cssday

0141

Reposted by Una Kravets

Lea Verou, PhD @lea.verou.me · 12/06/2026

As @una.im just mentioned in her #cssday talk, the CSS WG recently resolved to insert a ⓘ after EVERY SINGLE INTEREST INVOKER on touchscreens. Here’s a mock of what this would look like for bsky. This is the issue to let the CSS WG know what you think: github.com/w3c/csswg-dr...

78016

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

Guess who’s closing out #cssday?! This duo 😎😎 @nerdy.dev

Adam and Una on stage at chrome dev summit 2019

6903

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

Sorting a product list by rating with reading-flow and semantic attr()! Cool! @kevinpowell.co @cssday.nl #cssday

0342

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

Filterable select is coming, and it’s going to be a game changer 🎉

1240

Reposted by Una Kravets

Patrick Brosset @patrickbrosset.com · 11/06/2026

This has been a common theme today at #cssday and it’s true: complaining about broken stuff in browsers is a great way to get them fixed! Don’t silent. Let us know. Have a new idea: write a blog post!

0359

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

You heard it here first — 2026 is the year you can finally style a select!! It will be in all browsers by the end of the year 🎉🎉🎉 @jakearchibald.com #cssday

512112

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

Truly blessed that I can always ping @bram.us when I can’t figure out why a view transition isn’t working 😆 Such a great talk! Love the explode view slides (not pictured) #cssday

1150

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

Anchor pos & interest invokers are awesome! The "taller" tooltips don't fit in the viewport below the link so the position flips. All w/a few lines of CSS, a couple of HTML attributes, and it's a progressive enhancement so the existing experience doesn't change. (still working on the animations)

1394

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

Wowow @rebane2001.bsky.social is blowing everyone’s minds at #cssday 🤯 Obsessed with her and this talk! Next time someone tells me CSS isn’t a programming language I’m going to send them the video from this talk 😆 Check out lyra.horse for more goodies

0373

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

These sketch notes are great!

1101

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

We’re ready for #CSSDay! Come hang with the Chrome crew upstairs! We’ve got keychains, stickers, and some good sessions planned downstairs too 🎉

2130

Reposted by Una Kravets

Bramus @bram.us · 10/06/2026

CSS DevRel, The Reunion. #CSSDay #ChromeDevRel Caption: @nerdy.dev, @una.im, and I.

3924

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

Had a blast #FutureFrontend! And tomorrow I’m headed to Amsterdam for #CSSDay 🎉🎉 Will I see you there? 👀

2170

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

Customizable select is coming to Safari 27! 🥳 Want to try it out? Check out my demo collection: codepen.io/collection/B...

411012

Reposted by Una Kravets

Schalk Neethling @schalkneethling.com · 02/06/2026

CSS position: sticky now sticks to the nearest scroller on a per axis basis! | If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. You’d think a simple position: sticky with top: 0 and ... | www.bram.us/2026/03/30/c...

bram.us

CSS position: sticky now sticks to the nearest scroller on a per axis basis!

If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. You’d think a simple position: sticky with top: 0 and left: 0 would be enough, but the rea...

14710

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

✅ Nice lil btn scale-down 🙈 Layout change bc the scroll bar disappears 🙈 No light dismiss These UX problems can easily be solved with: - closedby="any" - overscroll-behavior: contain

2698

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

The State of CSS survey is out! It's shorter this year! Please go take it! survey.devographics.com/en-US/survey...

survey.devographics.com

State of CSS 2026

Take the State of CSS survey

0149

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

Jamming out to my favorite high school music 🎶 singing all the words out loud 🎶 making some new CSS demos 💻 watching my baby sleep peacefully on the monitor 👶🏻 The dopamine is hitting 💕

0330

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

What's new in Web UI: 2026 Edition ✨ @bram.us and I go over 35+ new CSS, HTML, and JS features to help you build beautiful web experiences Video just went live: www.youtube.com/watch?v=uT7M...

youtube.com

What's new in Web UI

YouTube video by Chrome for Developers

1234

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

I have been eagerly anticipating this! Style queries just landed in Firefox 🎉🎉

0291

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

Watch @bram.us and I do a round up of What’s New in Web UI! ✨ LIVE ✨ in 30 mins See us at the #googleio Chrome tent Stream it: io.google/2026/explore...

0110

Reposted by Una Kravets

Barry Pollard @tunetheweb.com · 19/05/2026

So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!

developer.chrome.com

Declarative partial updates | Blog | Chrome for Developers

Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148

98326

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

Gap decorations are now in Chromium 149 (stable rollout in 5 days)! Shoutout to the folks at Microsoft Edge for the implementation, post, and demos: developer.chrome.com/blog/gap-dec...

developer.chrome.com

Gap decorations: Now available in Chromium | Blog | Chrome for Developers

A new way to style gaps in CSS from Chrome and Edge 149.

16113

Reposted by Una Kravets

Bramus @bram.us · 11/05/2026

This week marks the final sprint towards Google I/O next week … I’m very much looking forward to my talk “What’s new in Web UI” together with @una.im. io.google/2026/explore... Lots of tweaking and rehearsing, but we’re getting there :) (Yes, the talk is getting recorded) #GoogleIO #ChromeDevRel

Screenshot of https://io.google/2026/explore/pa-keynote-10

1365

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 Una Kravets

Josh W. Comeau @joshwcomeau.com · 28/04/2026

✨ I just published a brand-new blog post! It digs into one of my favourite modern CSS features, the Animation Timeline API. We explore how to create rich scroll-driven animations without JS. I share the little gotchas to watch out for + some of the more advanced things you can do with this API. 😄

joshwcomeau.com

Scroll-Driven Animations • Josh W. Comeau

The new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a very lovely API, and in this blog post, we’ll explore some of the super cool things...

49418

Una Kravets @una.im · 08/04/2026

7 years at Google today!? Wow time flies. So much has changed but I'm still grateful to be doing meaningful work on a product that impacts billions of users with an awesome team 💙 This much hasn't changed 😊

On the I/O Developer Keynote stage in 2025

81191