#progressiveenhancement — Public Fediverse posts

#Development #Mindsets
Negotiating with CSS · Why web development is a conversation https://ilo.im/16f553

_____
#Craft #WebPlatform #ProgressiveEnhancement #GracefulDegradation #Devices #Browsers #WebDev #Frontend #CSS #JavaScript

#Development #Mindsets
Negotiating with CSS · Why web development is a conversation https://ilo.im/16f553

_____
#Craft #WebPlatform #ProgressiveEnhancement #GracefulDegradation #Devices #Browsers #WebDev #Frontend #CSS #JavaScript

#Development #Techniques
Progressive Enhancement inside of JavaScript · ”Progressive Enhancement doesn’t only apply to HTML.” https://ilo.im/16f2yu

_____
#ProgressiveEnhancement #WebDev #Frontend #JavaScript

#Development #Techniques
Progressive Enhancement inside of JavaScript · ”Progressive Enhancement doesn’t only apply to HTML.” https://ilo.im/16f2yu

_____
#ProgressiveEnhancement #WebDev #Frontend #JavaScript

🎩🎀Wow, a form for ties and bookmarks! Truly #groundbreaking stuff—finally, someone tackled the unsolved mystery of renaming #bookmarks using progressive enhancement. Who needs AI when you have #HTMX doing the heavy lifting of renaming a bookmark for you? 🧶📚
https://www.rafa.ee/articles/progressive-enhanced-forms-htmx/ #innovation #webdevelopment #progressiveenhancement #HackerNews #ngated

🎩🎀Wow, a form for ties and bookmarks! Truly #groundbreaking stuff—finally, someone tackled the unsolved mystery of renaming #bookmarks using progressive enhancement. Who needs AI when you have #HTMX doing the heavy lifting of renaming a bookmark for you? 🧶📚
https://www.rafa.ee/articles/progressive-enhanced-forms-htmx/ #innovation #webdevelopment #progressiveenhancement #HackerNews #ngated

Building progressively enhanced forms using Htmx

https://www.rafa.ee/articles/progressive-enhanced-forms-htmx/

Comments: https://news.ycombinator.com/item?id=49116252

#HackerNews #Htmx #ProgressiveEnhancement #WebDevelopment #Forms #JavaScript

Building progressively enhanced forms using Htmx

https://www.rafa.ee/articles/progressive-enhanced-forms-htmx/

Comments: https://news.ycombinator.com/item?id=49116252

#HackerNews #Htmx #ProgressiveEnhancement #WebDevelopment #Forms #JavaScript

#Development #Guidelines
Use cases for the ‘aria-expanded’ attribute · How to determine when ‘aria-expanded’ is appropriate https://ilo.im/16ekr9

_____
#AssistiveTech #Accessibility #ARIA #ProgressiveEnhancement #APIs #Browsers #WebDev #Frontend #HTML #CSS

#Development #Guidelines
Use cases for the ‘aria-expanded’ attribute · How to determine when ‘aria-expanded’ is appropriate https://ilo.im/16ekr9

_____
#AssistiveTech #Accessibility #ARIA #ProgressiveEnhancement #APIs #Browsers #WebDev #Frontend #HTML #CSS

Do Websites Need to Function Exactly the Same on Every Platform?, by @bramus:

https://www.bram.us/2026/06/21/do-websites-need-to-function-exactly-the-same-on-every-platform/?ref=frontenddogma.com

#design #webplatform #progressiveenhancement

Do Websites Need to Function Exactly the Same on Every Platform?, by @bramus:

https://www.bram.us/2026/06/21/do-websites-need-to-function-exactly-the-same-on-every-platform/?ref=frontenddogma.com

#design #webplatform #progressiveenhancement

#Development #Techniques
Progressively enhancing CSS Grid Lanes · Can native masonry layouts be used safely today? https://ilo.im/16e698

_____
#ModernCSS #Layout #Masonry #GridLanes #Accessibility #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

#Development #Techniques
Progressively enhancing CSS Grid Lanes · Can native masonry layouts be used safely today? https://ilo.im/16e698

_____
#ModernCSS #Layout #Masonry #GridLanes #Accessibility #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

#Development #Releases
Introducing HTML ‘usermedia’ · Chrome’s declarative element for camera/microphone access https://ilo.im/16e6lg

_____
#Permissions #Camera #Microphone #Media #Chrome #Browser #ProgressiveEnhancement #WebDev #Frontend #HTML

#Development #Releases
Introducing HTML ‘usermedia’ · Chrome’s declarative element for camera/microphone access https://ilo.im/16e6lg

_____
#Permissions #Camera #Microphone #Media #Chrome #Browser #ProgressiveEnhancement #WebDev #Frontend #HTML

Navigating the Age-Old Problem of Checkmarks in UI With Progressive Enhancement, by @sunkanmifafowora.bsky.social (@piccalil.li):

https://piccalil.li/blog/navigating-the-age-old-problem-of-checkmarks-in-ui-with-progressive-enhancement/?ref=frontenddogma.com

#css #progressiveenhancement

Navigating the Age-Old Problem of Checkmarks in UI With Progressive Enhancement, by @sunkanmifafowora.bsky.social (@piccalil.li):

https://piccalil.li/blog/navigating-the-age-old-problem-of-checkmarks-in-ui-with-progressive-enhancement/?ref=frontenddogma.com

#css #progressiveenhancement

#Development #Debates
Must sites work the same across platforms? · “We seem to be stuck on a new hurdle.” https://ilo.im/16dy0t

_____
#Websites #Devices #Browsers #Platforms #WebStandards #ProgressiveEnhancement #WebDev #Frontend

#Development #Debates
Must sites work the same across platforms? · “We seem to be stuck on a new hurdle.” https://ilo.im/16dy0t

_____
#Websites #Devices #Browsers #Platforms #WebStandards #ProgressiveEnhancement #WebDev #Frontend

Permacomputing

🔖 https://permacomputing.net/principles/
🔗 https://ellyloel.com/permacomputing/

#Bookmarks #Care #Tech #Software #ProgressiveEnhancement #Luddism

Permacomputing

🔖 https://permacomputing.net/principles/
🔗 https://ellyloel.com/permacomputing/

#Bookmarks #Care #Tech #Software #ProgressiveEnhancement #Luddism

"How building an HTML-first site doubled our users overnight" by @moh_kohn is another great example why building things on the web with #ProgressiveEnhancement (and #astro) in mind absolutely rules:

https://www.mohkohn.co.uk/writing/html-first/

#WebDev #frontend #html #WebComponents #a11y #accessibility #InclusiveDesign

"How building an HTML-first site doubled our users overnight" by @moh_kohn is another great example why building things on the web with #ProgressiveEnhancement (and #astro) in mind absolutely rules:

https://www.mohkohn.co.uk/writing/html-first/

#WebDev #frontend #html #WebComponents #a11y #accessibility #InclusiveDesign

#Development #Guidelines
The golden rule of Customizable Select · “Always include text in your options.” https://ilo.im/16dsid

_____
#HTML #Forms #Accessibility #ProgressiveEnhancement #Safari #Browser #Design #WebDesign #WebDev #Frontend

#Development #Guidelines
The golden rule of Customizable Select · “Always include text in your options.” https://ilo.im/16dsid

_____
#HTML #Forms #Accessibility #ProgressiveEnhancement #Safari #Browser #Design #WebDesign #WebDev #Frontend

#Development #Cheatsheets
The field guide to Grid Lanes · How to create masonry layouts in pure CSS https://ilo.im/16dmyx

_____
#ModernCSS #Layouts #Masonry #Playgrounds #Demos #ProgressiveEnhancement #WebDev #Frontend #CSS #CssGrid

#Development #Cheatsheets
The field guide to Grid Lanes · How to create masonry layouts in pure CSS https://ilo.im/16dmyx

_____
#ModernCSS #Layouts #Masonry #Playgrounds #Demos #ProgressiveEnhancement #WebDev #Frontend #CSS #CssGrid

It’s amazing how many astonishing things you can make with pure #HTML and #CSS right now, and @Cyd is proving it right now at #TheWebYouWant.

And it doesn’t even have to break things, making them complex, messy, confusing. #ProgressiveEnhancement and #gracefulDegradation are fundamental mantras.

It’s amazing how many astonishing things you can make with pure #HTML and #CSS right now, and @Cyd is proving it right now at #TheWebYouWant.

And it doesn’t even have to break things, making them complex, messy, confusing. #ProgressiveEnhancement and #gracefulDegradation are fundamental mantras.

#Development #Introductions
CSS is filling the gaps with rules · Native gap styling for grid and flex layouts https://ilo.im/16d40m

_____
#Layouts #Animations #Decorations #CssGrid #CssFlexbox #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS

#Development #Introductions
CSS is filling the gaps with rules · Native gap styling for grid and flex layouts https://ilo.im/16d40m

_____
#Layouts #Animations #Decorations #CssGrid #CssFlexbox #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS

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

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

#Development #Introductions
The HTML Sanitizer API · Safer web development with HTML sanitization https://ilo.im/16cqyw

_____
#HTML #Sanitization #ProgressiveEnhancement #Security #XSS #APIs #Browsers #WebDev #Frontend #DOM

#Development #Introductions
The HTML Sanitizer API · Safer web development with HTML sanitization https://ilo.im/16cqyw

_____
#HTML #Sanitization #ProgressiveEnhancement #Security #XSS #APIs #Browsers #WebDev #Frontend #DOM

Never Lose Form Progress Again, by @Aaron:

https://www.aaron-gustafson.com/notebook/never-lose-form-progress-again/

#forms #webcomponents #progressiveenhancement

Never Lose Form Progress Again, by @Aaron:

https://www.aaron-gustafson.com/notebook/never-lose-form-progress-again/

#forms #webcomponents #progressiveenhancement

#Development #Guides
Never lose form progress again · A web component storing and restoring form values https://ilo.im/16cbuk

_____
#Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript

#Development #Guides
Never lose form progress again · A web component storing and restoring form values https://ilo.im/16cbuk

_____
#Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript

#Development #Techniques
Scroll spy with pure CSS · A modern way to highlight active TOC links https://ilo.im/16c1tx

_____
#ModernCSS #Scrolling #Content #ProgressiveEnhancement #Browsers #WebDev #Frontend #HTML #CSS

#Development #Techniques
Scroll spy with pure CSS · A modern way to highlight active TOC links https://ilo.im/16c1tx

_____
#ModernCSS #Scrolling #Content #ProgressiveEnhancement #Browsers #WebDev #Frontend #HTML #CSS

#Development #Approaches
Inverted themes with light-dark() · Flipping color modes with container style queries https://ilo.im/16c2kq

_____
#ColorSchemes #LightMode #DarkMode #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #CSS #JavaScript

#Development #Approaches
Inverted themes with light-dark() · Flipping color modes with container style queries https://ilo.im/16c2kq

_____
#ColorSchemes #LightMode #DarkMode #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #CSS #JavaScript

#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

#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

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

#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

#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

#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

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

#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