Tessera
Folgen

Kevin Babbitt

@kevinbcmu.bsky.social

22 Posts101 Follower47 Folgt
Patrick Brosset@patrickbrosset.com · 2mo ago

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

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

blogs.windows.com

CSS by T. Afif@css-only.dev · 2mo ago

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

CSS by T. Afif@css-only.dev · 3mo ago

📝 New CSS Article! I did a quick exploration of the new "Gap Decorations" thing, and I ended up doing a lot of fancy stuff except for decorating the gaps 😅 master.dev/blog/lets-pl... Read my latest article to learn a lot of nice tricks around this feature.

Brecht De Ruyte@utilitybend.com · 4mo ago

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

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.

utilitybend.com

Kevin Babbitt@kevinbcmu.bsky.social · 5mo ago

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 😊

Kevin Babbitt@kevinbcmu.bsky.social · 5mo ago

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?".
Kevin Babbitt@kevinbcmu.bsky.social · 5mo ago

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?".
Bramus@bram.us · 6mo ago

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.

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

bram.us