iiinova — where your digital self keeps evolving

Reposted by Kevin Babbitt

Patrick Brosset @patrickbrosset.com · 03/09/2026

📢 Calling for Interop 2027 proposals. If you’ve encountered web features that behave differently across browsers, or standards-based capabilities that are difficult to rely on today, we want to hear from you.

blogs.windows.com

Calling for Interop 2027 proposals

The Interop 2027 call for proposals is open, submit your ideas now! Over the past six years, the I

1129

Reposted by Kevin Babbitt

Patrick Brosset @patrickbrosset.com · 03/09/2026

Warm up your web interoperability requests. Interop 2027 call for proposals is opening like ... very soon.

092

Reposted by Kevin Babbitt

Patrick Brosset @patrickbrosset.com · 07/07/2026

What's new in Edge for web developers: our new series to learn about the newest features in Edge (and Chromium), experiments you can test now, and highlights from the broader ecosystem. In this issue: CSS gap decorations, focusgroup, PWA migration, and more! ➡️ blogs.windows.com/msedgedev/20...

blogs.windows.com

New in Edge for developers – Style layout gaps, improve keyboard accessibility and migrate your PWA to a new origin

Welcome to New in Edge for developers, a new series featuring recent web platform updates in Microsoft Edge that help web developers build better sites and apps. In this first edition, we'll look at ...

22112

Reposted by Kevin Babbitt

CSS by T. Afif @css-only.dev · 26/06/2026

💡 CSS Tip! An old design pattern solved by a modern CSS feature. css-tip.com/responsive-s... Learn how Gap Decorations makes it easy to add a separator between items using simple code with no hacks. It works with different alignment settings, and you can easily adjust the shape as well.

17317

Kevin Babbitt @kevinbcmu.bsky.social · 24/06/2026

Some neat tricks in here! I love the pattern creation examples.

082

Reposted by Kevin Babbitt

Brecht De Ruyte @utilitybend.com · 21/05/2026

🚀 New article on gap decorations (coming soon) in CSS. I have a small obsession with clean layout lines, and this is the first time it feels easy to draw them without polluting the markup. Goes through the new properties, a playground, and some experiments... 👾 utilitybend.com/blog/css-is-...

utilitybend.com

CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend

A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.

45713

Reposted by Kevin Babbitt

Stefan Judis @stefanjudis.com · 17/06/2026

Chromium rolled out gap decorations with v149 and boy, am I excited about this. The Web Weekly site has lots of solid and dashed gaps and making this work was quite painful. Here's a good explainer. utilitybend.com...

Code snippet: .shelf { column-rule-width: 1px; column-rule-style: solid; column-rule-color: oklch(70% 0.14 235); rule-inset-cap: 10px; rule-inset: 130px; }

0287

Reposted by Kevin Babbitt

Stefan Judis @stefanjudis.com · 16/06/2026

The new Web Weekly is just about to hit all the inboxes. 🎉 This time it covers the new Safari release, CSS gap decorations, and the new `headingoffset` attribute. And you can read it online, too. 🫣 webweekly.email/archive/web-...

Web Weekly 194

- Safari 27 beta
- The future of Firefox and the web
- CSS gap decorations
- headingoffset
- Breaking changes in npm v12
- Container style queries

1123

Reposted by Kevin Babbitt

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

👋 Want to learn about and try CSS Grid Lanes (aka CSS Masonry)? 🎤 If so, join me on Friday for "Fun with Grid Lanes" at @cssday.nl (or watch the recording later, when it comes out). 🛝 Also check our many samples to learn about the syntax and possibilities: github.com/MicrosoftEdg...

Color studies. A webpage sample showing a 2 column layout with colorful artworks and descriptions next to them in a fluid layout.

The Daily Oddity. A news website layout, with densily packed articles, photos.

Streets of Seattle. A photo gallery with photos going from bottom up, then a title, then photos going from top down.

New York City. A photo gallery with a title in the middle of photos.

1114

Reposted by Kevin Babbitt

Patrick Brosset @patrickbrosset.com · 19/05/2026

The 2026 State of CSS survey is now live 🎉 Take it here: survey.devographics.com/en-US/survey...

survey.devographics.com

State of CSS 2026

Take the State of CSS survey

02921

Reposted by Kevin Babbitt

Patrick Brosset @patrickbrosset.com · 18/05/2026

❓ A question for web developers ❓ If you do layout in CSS, what's missing? I'm especially interested in hearing about use cases that aren't yet solved by existing CSS layout features. #css #webdev

292418

Kevin Babbitt @kevinbcmu.bsky.social · 15/05/2026

CSS Gap Decorations is shipping in Edge and Chrome 149! Really proud of all the work the team did to solve this longstanding web developer ask. 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.

2294

Kevin Babbitt @kevinbcmu.bsky.social · 23/04/2026

Thank you to everyone who responded, we got some great ideas! Yesterday the CSSWG resolved to use “cap” and “junction” which were among the most popular suggestions, and I’m happy with them 😊

020

Kevin Babbitt @kevinbcmu.bsky.social · 08/04/2026

NAMING HELP NEEDED: Looking for single words, to be used in CSS property names, that distinguish between gap decoration ends that form intersections vs. those that don't. Best idea I've come across so far is "intersecting" and "dangling". Do you have other suggestions?

Example CSS Grid layout with gap decorations. Decoration ends that form intersections are circled and labeled "Intersecting?"; decoration ends that don't form intersections are circled and labeled "Dangling?".

131210

Kevin Babbitt @kevinbcmu.bsky.social · 18/03/2026

POLLS: The CSS Working Group is looking for author feedback on two topics related to CSS Gap Decorations. Questions below. For background information on Gap Decorations, see the explainer: github.com/w3c/csswg-dr...

github.com

11918

Reposted by Kevin Babbitt

Bramus @bram.us · 15/03/2026

New in Chromium 148: detect at-rule support in CSS with `@supports at-rule(@keyword)` www.bram.us/2026/03/15/a... Chrome 148 is currently available on the Canary and Dev release channels. It goes stable at the end of April.

bram.us

Detect at-rule support in CSS with @supports at-rule(@keyword)

Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional R...

34212

Kevin Babbitt @kevinbcmu.bsky.social · 13/03/2026

Feature detection for CSS at-rules is landing in Edge and Chrome v148! github.com/MicrosoftEdg...

github.com

0121

Reposted by Kevin Babbitt

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

Embrace the chaos — The shape and flow of masonry layouts In which I ramble about what it means to think about the shape of a layout vs. the flow of items through this layout. ➡️ patrickbrosset.com/articles/202...

Abstract illustration of a masonry layout with arrows between items, showing the flow of items through the layout.

0106

Reposted by Kevin Babbitt

Bramus @bram.us · 15/01/2026

Ooh, this combined with the upcoming gap-decorations is gonna be so nice 🤩

051

Kevin Babbitt @kevinbcmu.bsky.social · 11/08/2025

The Microsoft Edge team is looking into support for feature-detecting CSS at-rules, for example `@supports at-rule(@starting-style)`. We'd love to have your feedback. Explainer here: github.com/MicrosoftEdg...

github.com

000

Reposted by Kevin Babbitt

Rachel Andrew @rachelandrew.co.uk · 25/07/2025

CSS masonry is going into developer trial (behind a flag) in Chromium. Learn how to test the implementation and give your feedback in this post from the Microsoft Edge team developer.chrome.com/blog/masonry... #css

developer.chrome.com

Brick by brick: Help us build CSS Masonry | Blog | Chrome for Developers

Help test the proposed masonry syntax in Chromium.

02810

Reposted by Kevin Babbitt

Tab Atkins-Bittner @tabatkins.com · 25/07/2025

Wanna help the CSSWG decide on some names? Check out github.com/w3c/csswg-dr... and follow the links to the two naming polls. See the top post for the context - this is about the "Interest Invoker API" open-ui.org/components/i...

22211

Kevin Babbitt @kevinbcmu.bsky.social · 11/06/2025

I'm looking forward to seeing what web authors create with this feature!

060