Inautilo#Development #Launches
Elena · A tiny library for building progressive web components https://ilo.im/169a4a
_____
#WebComponents #DesignSystems #ProgressiveEnhancement #Frameworks #OpenSource #WebDev #Frontend #HTML #CSS #JavaScript
#Development #Techniques
Building dynamic toggletips · A prime example for anchored container queries https://ilo.im/16bc8d
_____
#ModernCSS #AnchorPositioning #ContainerQueries #Toggletips #Popover #ProgressiveEnhancement #WebDev #Frontend #CSS
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.
#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.
Marquis de GeekIf 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
#javascript #coding #webaudio
#Development #Demos
Nice Select · Pushing customizable HTML ‘select’ to an extreme https://ilo.im/16actc
_____
#ModernCSS #HtmlSelect #Accessibility #ProgressiveEnhancement #Browsers #WebPerf #WebDev #Frontend #HTML #CSS
#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.
#Development #Techniques
Better defaults for popovers · A small anchor-repositioning with a big effect https://ilo.im/169wki
_____
#ModernCSS #Popover #Buttons #AnchorPositioning #HtmlDialog #ProgressiveEnhancement #WebDev #Frontend #CSS
#Development #Introductions
Introducing the HTML ‘geolocation’ element · What it does and how to use it https://ilo.im/169tah
_____
#HTML #Geolocation #FeatureDetection #Polyfill #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #Releases
#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
#Development #Templates
Web component starter template · The essentials to ship production-ready components https://ilo.im/169jml
_____
#WebComponents #CustomElements #Accessibility #ProgressiveEnhancement #Encapsulation #ShadowDOM #Testing #Npm #WebDev #Frontend
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.