Building dynamic toggletips using anchored container queries

Anchored container queries are only available in Chrome 143 upwards right now, but here’s Daniel Schwarz to show you how to use progressive enhancement to build up to using that new capability in the context of position-aware toggle tips.

Piccalilli

#Development #Guides
Beyond CSS ‘border-radius’ · What the new ‘corner-shape’ delivers to everyday UIs https://ilo.im/16bc4i

_____
#ModernCSS #Cards #Buttons #Batches #Tags #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine

For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new `corner-shape` property finally changes that, opening the door to beveled, scooped, and squircle corners.

Smashing Magazine
If you have a Leap Motion, I have used it to enhance my web-based soft synth: https://marquisdegeek.com/slytherin #ProgressiveEnhancement #leapmotion
#javascript #coding #webaudio
Slytherin - SSS - Steevs Soft Synth

Nice Select · February 3, 2026

Building a modern custom select with base-select.

nerdy.dev

#Development #Previews
When will CSS Grid Lanes arrive? · “It’s going to arrive sooner than you think.” https://ilo.im/16a21t

_____
#ModernCSS #CssGrid #Layout #Masonry #Polyfill #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

When will CSS Grid Lanes arrive? How long until we can use it?

Anytime an exciting new web technology starts to land in browsers, developers want to know “when in the world am I going to be able to use this?” Currently, the finalized syntax for Grid Lanes is available in Safari Technology Preview.

WebKit
Better defaults for popovers - Manuel Matuzovic

I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

Manuel Matuzovic
Introducing the <geolocation> HTML element  |  Blog  |  Chrome for Developers

Discover the new way to request user location data.

Chrome for Developers

#Development #Techniques
4 must‑know CSS features in 2026 · “Toolbelt worthy, powerful, and game-changing CSS.” https://ilo.im/169nsr

_____
#ModernCSS #Staggering #Scrolling #Typography #TypeSafety #Animations #ProgressiveEnhancement #WebDev #Frontend #CSS

4 CSS Features Every Front-End Developer Should Know In 2026 · January 7, 2026

Toolbelt worthy, powerful, and game-changing CSS you need for 2026.

nerdy.dev
A Production-Ready Web Component Starter Template :: Aaron Gustafson

Creating a new web component from scratch involves a lot of boilerplate—testing setup, build configuration, linting, CI/CD, documentation structure, and more. After building — and refining/rebuilding — numerous web components, I’ve distilled all that work into a starter template that lets you focus on your component’s functionality rather than project setup.

Dialog view transitions

Combining view transitions and the dialog element, possible?