#progressiveenhancement — Public Fediverse posts

#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

#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

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

Never Lose Form Progress Again, by @Aaron:

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

#forms #webcomponents #progressiveenhancement

So I've got #Kotlin + #Javalin + #HTMX + #Maven + #Freemarker + #ProgressiveEnhancement + #DesignSystem + #Playwright working. Now the question is: do I call it a day or do I add #ActivityPub integration?

So I've got #Kotlin + #Javalin + #HTMX + #Maven + #Freemarker + #ProgressiveEnhancement + #DesignSystem + #Playwright working. Now the question is: do I call it a day or do I add #ActivityPub integration?

So I've got #Kotlin + #Javalin + #HTMX + #Maven + #Freemarker + #ProgressiveEnhancement + #DesignSystem + #Playwright working. Now the question is: do I call it a day or do I add #ActivityPub integration?

So I've got #Kotlin + #Javalin + #HTMX + #Maven + #Freemarker + #ProgressiveEnhancement + #DesignSystem + #Playwright working. Now the question is: do I call it a day or do I add #ActivityPub integration?

So I've got #Kotlin + #Javalin + #HTMX + #Maven + #Freemarker + #ProgressiveEnhancement + #DesignSystem + #Playwright working. Now the question is: do I call it a day or do I add #ActivityPub integration?

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

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

#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

#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

#Development #Techniques
Dialog view transitions · Smooth animations for native HTML dialogs https://ilo.im/1698lv

_____
#HtmlDialog #ViewTransitions #API #ProgressiveEnhancement #Browser #WebDev #Frontend #DOM #HTML #JavaScript

#Development #Approaches
Loading CSS (fast) · How Compression Dictionaries boost CSS delivery https://ilo.im/16950n

_____
#CSS #CriticalCSS #CompressionDictionaries #ProgressiveEnhancement #Chromium #Browser #WebPerf #WebDev #Frontend #Backend

#Development #Launches
Input switch polyfill · A polyfill to turn checkboxes into modern switches https://ilo.im/16938w

_____
#Switch #Forms #Polyfill #ProgressiveEnhancement #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Techniques
Speculation rules improvements · What’s new and next with the Speculation Rules API https://ilo.im/168vcy

_____
#Prefetching #Prerendering #API #ProgressiveEnhancement #Chrome #Browser #WebPerf #WebDev #Frontend #JavaScript

#Development #Approaches
Custom asidenotes · Practical side notes using a custom HTML element https://ilo.im/1680ot

_____
#SideNotes #Content #Blog #WebComponents #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript

For Your Convenience, This CSS Will Self-Destruct

https://web.brid.gy/r/https://frontendmasters.com/blog/for-your-convenience-this-css-will-self-destruct/

A Progressive Enhancement Challenge, by @chriscoyier (@frontendmasters.com):

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

#progressiveenhancement #javascript #html #featuredetection #support

#Development
What to know about modern CSS in 2025 · There is more this year than there was last https://ilo.im/16711o

_____
#ModernCSS #BrowserSupport #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development
What to know about modern CSS in 2025 · There is more this year than there was last https://ilo.im/16711o

_____
#ModernCSS #BrowserSupport #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development
What to know about modern CSS in 2025 · There is more this year than there was last https://ilo.im/16711o

_____
#ModernCSS #BrowserSupport #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development
What to know about modern CSS in 2025 · There is more this year than there was last https://ilo.im/16711o

_____
#ModernCSS #BrowserSupport #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #HTML #CSS #JavaScript

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 #Techniques
Styling alt text like any other text · Display alt text if an image fails to load https://ilo.im/1643dz

_____
#Image #AltText #Fallback #Webpage #ProgressiveEnhancement #Browser #WebDev #Frontend #HTML #JavaScript

#Development #Approaches
Progressive dehancement · A new tactic to detect spam in a contact form https://ilo.im/163mws

_____
#Spam #Bots #ContactForm #Form #ProgressiveEnhancement #ProgressiveDehancement #HttpHeaders #WebDev #Frontend #Backend

#Development #Approaches
Progressive dehancement · A new tactic to detect spam in a contact form https://ilo.im/163mws

_____
#Spam #Bots #ContactForm #Form #ProgressiveEnhancement #ProgressiveDehancement #HttpHeaders #WebDev #Frontend #Backend

#Development #Approaches
Progressive dehancement · A new tactic to detect spam in a contact form https://ilo.im/163mws

_____
#Spam #Bots #ContactForm #Form #ProgressiveEnhancement #ProgressiveDehancement #HttpHeaders #WebDev #Frontend #Backend

#Development #Approaches
Progressive dehancement · A new tactic to detect spam in a contact form https://ilo.im/163mws

_____
#Spam #Bots #ContactForm #Form #ProgressiveEnhancement #ProgressiveDehancement #HttpHeaders #WebDev #Frontend #Backend