#ProgressiveEnhancement
LightNews LightNews
vale.rocks
Perhaps the real enhancement is the progression we made along the way.

#ProgressiveEnhancement
November 17, 2024 at 1:16 PM
whitingx.bsky.social
‘The History of the Web’ on how “#ProgressiveEnhancement brings everyone in”.

thehistoryoftheweb.com/the-inclusiv...
Progressive enhancement brings everyone in - The History of the Web
Early computers faced unexpected failures, and that gave us graceful degradation. But on the web, we needed something different. We needed progressive enhancement.
thehistoryoftheweb.com
January 8, 2025 at 9:13 AM
benteh.no
field-sizing () 😍🥳

not yet firefox, but #progressiveEnhancement ftw!

#css
June 24, 2026 at 10:51 AM
frontenddogma.com
Working With “::highlight()” Using Progressive Enhancement, by @sunkanmifafowora.bsky.social (@piccalil.li):

https://piccalil.li/blog/working-with-highlight-using-progressive-enhancement/?ref=frontenddogma.com

#css #javascript #apis #progressiveenhancement
Working with ::highlight() using progressive enhancement
Using a baseline of <mark> elements, Sunkanmi Fafowora helps you to understand how the new highlight API works with some progressive enhancement for good measure.
piccalil.li
August 17, 2026 at 7:30 AM
tylersticka.com
Oh fun, the recording of my #PixelPalooza talk about #GIFs, #A11y, #ProgressiveEnhancement and #WebComponents is live! www.youtube.com/watch?v=hepv...
GIFs Are Forever, Let’s Make Them Better! by Tyler Sticka
YouTube video by Certified Fresh Events
www.youtube.com
December 9, 2024 at 5:48 PM
inautilo.bsky.social
#Development #Mindsets
Negotiating with CSS · Why web development is a conversation ilo.im/16f553 by Anselm Hannemann

_____
#Craft #WebPlatform #ProgressiveEnhancement #GracefulDegradation #Devices #Browsers #WebDev #Frontend #CSS #JavaScript
Negotiating with CSS — Anselm Hannemann
External content
ilo.im
August 9, 2026 at 9:21 PM
inautilo.bsky.social
#Development #Techniques
Progressively enhancing CSS Grid Lanes · Can native masonry layouts be used safely today? ilo.im/16e698 by Manuel Matuzović

_____
#ModernCSS #Layout #Masonry #GridLanes #Accessibility #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS
Progressively enhancing Grid Lanes - Manuel Matuzovic
I’m a frontend developer, consultant, accessibility auditor, blogger, teacher, and book author from Austria.
ilo.im
July 4, 2026 at 7:20 AM
inautilo.bsky.social
#Development #Introductions
The HTML Sanitizer API · Safer web development with HTML sanitization ilo.im/16cqyw by Ahmad El-Alfy

_____
#HTML #Sanitization #ProgressiveEnhancement #Security #XSS #APIs #Browsers #WebDev #Frontend #DOM
The HTML Sanitizer API
The HTML Sanitizer API is a new browser feature that helps developers prevent XSS vulnerabilities by safely sanitizing HTML content.
ilo.im
May 13, 2026 at 7:06 PM
inautilo.bsky.social
#Development #Guidelines
The golden rule of Customizable Select · “Always include text in your options.” ilo.im/16dsid by Saron Yitbarek and Tim Nguyen

_____
#HTML #Forms #Accessibility #ProgressiveEnhancement #Safari #Browser #Design #WebDesign #WebDev #Frontend
The golden rule of Customizable Select
Customizable select is coming to Safari 27.
ilo.im
June 16, 2026 at 6:49 AM
inautilo.bsky.social
#Development #Launches
Elena · A tiny library for building progressive web components ilo.im/169a4a by Ariel Salminen

_____
#OpenSource #WebComponents #DesignSystems #Frameworks #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript
Elena | Progressive Web Components
Elena is a simple, tiny library for building Progressive Web Components.
ilo.im
March 25, 2026 at 2:04 PM
inautilo.bsky.social
#Development #Releases
Introducing HTML ‘usermedia’ · Chrome’s declarative element for camera/microphone access ilo.im/16e6lg by Mari Viana and Minh Le

_____
#Permissions #Camera #Microphone #Media #Chrome #Browser #ProgressiveEnhancement #WebDev #Frontend #HTML
Introducing the <usermedia> HTML element  |  Blog  |  Chrome for Developers
Learn about the <usermedia> HTML element, a new Capability Element landing in Chrome 151.
ilo.im
June 30, 2026 at 3:15 PM
inautilo.bsky.social
#Development #Approaches
Custom asidenotes · Practical side notes using a custom HTML element ilo.im/1680ot by Eric A. Meyer

_____
#SideNotes #Content #Blog #WebComponents #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript
meyerweb.com
In which I turn inline asides into robustly enhanced sidenotes with CSS and just a touch of JS.
ilo.im
November 8, 2025 at 6:29 AM
inautilo.bsky.social
#Development #Cheatsheets
The field guide to Grid Lanes · How to create masonry layouts in pure CSS ilo.im/16dmyx by WebKit

_____
#ModernCSS #Layouts #Masonry #Playgrounds #Demos #ProgressiveEnhancement #WebDev #Frontend #CSS #CssGrid
ilo.im
June 10, 2026 at 12:46 PM
webdirections.org
Jeremy Keith's HTML web components pattern uses meaningful HTML as a base, enhancing it with lifecycle features for progressive enhancement, making we…re functional. #WebComponents #ProgressiveEnhancement watch @scottjehl.com from @webdirections.org Dev Summit '24. Watch More: bit.ly/4iM2Rch
April 10, 2025 at 1:49 AM
pablolarah.bsky.social
🟢🟠 Progressive enhancement as a benefit of CSS Nesting
by Kilian Valkhof @Kilian@mastodon.social @kilianvalkhof.com
#css #ProgressiveEnhancement #webdev #CSSnesting #nesting

kilianvalkhof.com/2026/css-htm...
Orange text "Progressive enhancement as a benefit of CSS Nesting" on green background with duotone orange white illustration of nest with eggs on a branch with bumblebee flying nearby
June 15, 2026 at 1:31 PM
weareagog.bsky.social
#ProgressiveEnhancement is the strategy of building websites in layers, starting with basic features for all devices then adding enhancements for XR-capable devices to provide a richer experience. Get more details in our #XR branding guide: agog.org/see-your-bra...
September 27, 2024 at 10:54 PM
inautilo.bsky.social
#Development #Introductions
CSS is filling the gaps with rules · Native gap styling for grid and flex layouts ilo.im/16d40m by Brecht De Ruyte

_____
#Layouts #Animations #Decorations #CssGrid #CssFlexbox #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS
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.
ilo.im
May 28, 2026 at 4:15 AM
inautilo.bsky.social
#Development #Techniques
Scroll spy with pure CSS · A modern way to highlight active TOC links ilo.im/16c1tx by Roland Franke

_____
#ModernCSS #Scrolling #Content #ProgressiveEnhancement #Browsers #WebDev #Frontend #HTML #CSS
Scroll Spy with Pure CSS using scroll-target-group - Roland Franke
How the new CSS scroll-target-group and :target-current let you build a table of contents scroll spy without JavaScript.
ilo.im
April 21, 2026 at 9:10 AM
miguelcarvalho.xyz
Feature-detect inline!

If the browser groks OKLCH you get vivid color, else safe fallback.

#ProgressiveEnhancement
July 7, 2025 at 11:10 AM
markcaron.bsky.social
We have to stop thinking that Cumulative Layout Shift is always bad. Sometimes CLS is necessary for keeping user experiences and UIs accessible (and bulletproof), like with #HamburgerMenus

#uxdesign #cls #webdev #webcomponents #javascript #progressiveenhancement
November 20, 2024 at 8:02 PM
inautilo.bsky.social
#Development #Introductions
One SVG, nine posters · Can we already style linked SVGs with CSS? ilo.im/16gf1u by Vadim Makeev

_____
#SVG #CSS #LinkedParameters #Specification #ProgressiveEnhancement #Browsers #WebDev #Frontend
One SVG, nine posters: CSS linked parameters — Vadim Makeev
An SVG placed as a content image or a background image has always been a styling dead end: you can put it on the page, but you can’t paint it. CSS Linked Parameters finally change that, and Firefox...
ilo.im
September 23, 2026 at 10:11 PM
inautilo.bsky.social
#Development #Techniques
Speculation rules improvements · What’s new and next with the Speculation Rules API ilo.im/168vcy by Barry Pollard

_____
#Prefetching #Prerendering #API #ProgressiveEnhancement #Chrome #Browser #WebPerf #WebDev #Frontend #JavaScript
Speculation rules improvements - HTMHell
A collection of bad practices in HTML, copied from real websites.
ilo.im
December 3, 2025 at 9:09 AM
tommi.space
It’s amazing how many astonishing things you can make with pure #HTML and #CSS right now, and @cydstumpel.nl is proving it right now at #TheWebYouWant.

It doesn’t even have to break things, making them complex and messy. #ProgressiveEnhancement and #gracefulDegradation are fundamental mantras.
June 10, 2026 at 12:08 PM
frontenddogma.com
A Progressive Enhancement Challenge, by @chriscoyier@front-end.social (@frontendmasters.com):

https://frontendmasters.com/blog/a-progressive-enhancement-challenge/

#progressiveenhancement #javascript #html #featuredetection #support
A Progressive Enhancement Challenge
You want to hide an interactive element that you don't need anymore after JavaScript loads/runs. Can you do it without a
frontendmasters.com
October 12, 2025 at 7:20 AM
inautilo.bsky.social
#Development #Guides
Never lose form progress again · A web component storing and restoring form values ilo.im/16cbuk by Aaron Gustafson

_____
#Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript
Never Lose Form Progress Again :: Aaron Gustafson
Few things are more annoying than losing your progress halfway through a form. Maybe the browser crashes. Maybe the tab gets closed. Maybe your kid yells from the other room and you come back three hours...
ilo.im
April 22, 2026 at 6:08 AM