#Development #Techniques
CSS ‘position: sticky’ per axis · Get ready for sticky headers and columns in data tables https://ilo.im/16bshn

_____
#CSS #Scrolling #Headers #DataTables #FeatureDetection #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend

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 reality was that only one of both would stick. A recent change to CSS fixes this: position: sticky now plays nice with single-axis scrollers, allowing you to have sticky elements that track different scroll containers on different axes. This change is available in Chrome 148.

Bram.us
Elena | Progressive Web Components

Elena is a simple, tiny library for building Progressive Web Components.

Elena
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