Why You Should Test Your Page Without JavaScript, by (not on Mastodon or Bluesky):
https://www.sitepoint.com/test-your-page-without-javascript/
Verwaltet von:
#progressiveenhancement
0 Beiträge0 Beteiligte0 Beiträge heute
#Development #Techniques
Optimizing PWAs for display modes · How to create truly adaptive Progressive Web Apps https://ilo.im/166ef7
_____
#Website #WebApp #PWA #ProgressiveEnhancement #Browser #WebDev #Frontend #HTML #CSS #JavaScript
Smashing Magazine · Optimizing PWAs For Different Display Modes — Smashing MagazineProgressive Web Apps (PWAs) are a great way to make apps built for the web feel native, but in moving away from a browser environment, we can introduce usability issues. This article covers how we can modify our app depending on what display mode is applied to mitigate these issues.
#Development #Approaches
Is JavaScript finally growing up? · “The future is layered, not stacked.” https://ilo.im/165qhj
_____
#HTML #JavaScript #ProgressiveEnhancement #Frameworks #Browser #WebPerf #WebDev #Frontend
The New Stack · HTML-First, Framework-Second: Is JavaScript Finally Growing Up?Instead of starting with a framework, smart frontend developers now begin with HTML and enhance it progressively with JavaScript.
#Development #Approaches
Fallbacks for CSS scroll driven animations · Progressive enhancement vs. graceful degradation https://ilo.im/165f6d
_____
#ModernCSS #Scrolling #Animations #GracefulDegradation #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS
Portfolio Cyd Stumpel · Two approaches to fallback CSS scroll driven animations | Blog Cyd StumpelScroll-driven animations are set to land in all major browsers by the end of the year, but I haven’t seen many people using them in production yet. Maybe because it still feels like an all-or-nothing feature, or maybe I’m just buried too deep in my little JS/creative dev corner again. Regardless the reason why, one […]
Ten years ago today, I spoke at CSS Summit, kicking off the event with a presentation, "Designing with Progressive Enhancement." I'm quite proud of the results and I think the thesis has borne itself out even though •quite• a lot has changed since then.
I recently clear-cut my personal website and haven't yet reconstituted my old posts, but here's the Wayback Machine's most recent capture of my presentation:
web.archive.orgDesigning with Progressive Enhancement — Posts — sixtwothree.orgText and links from my presentation at the seventh annual CSS Summit.
Custom Select (That Comes Up From the Bottom on Mobile), by @chriscoyier (@frontendmasters.com):
https://frontendmasters.com/blog/custom-select-that-comes-up-from-the-bottom-on-mobile/
frontendmasters.comCustom Select (that comes up from the bottom on mobile) – Frontend Masters BlogYou've got A LOT of control over the design of select menus now, and it can be done as a progressive enhancement.
Antwortete im Thread
@phire A couple of things.
1) This article by @kevinrenskers:
https://www.loopwerk.io/articles/2025/alpine-ajax-django/
2) Hearing the creator of htmx say that he didn't really care about #ProgressiveEnhancement:
LoopwerkBeyond htmx: building modern Django apps with Alpine AJAXDitch the complex SPA. Learn how to build modern, server-rendered Django apps using Alpine AJAX and the power of hypermedia.
One of my favorite things to do when I visit a site I like (or one that a client relays to me as inspiration) is to disable JavaScript. It's fascinating to see how many sites heavily depend on JS for basic functionality. I'm not talking about SPAs—just good ol' business and marketing websites.
Sure, only around 0.2-2% of users browse with JS disabled, but the reliance on JS for everything feels excessive. Progressive enhancement, anyone? 
#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
PiccalilliYou can style alt text like any other textA fun little side quest to show you how applying styles to alt text can really elevate your user interface.
#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
dbushell.comProgressive Dehancement
Mehr von 
David Bushell 
#Development #Techniques
Polishing your typography · The power of the CSS line height units ‘lh’ and ‘rlh’ https://ilo.im/163hyx
_____
#Layout #Typography #LineGrid #LineHight #Text #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS
#Development #Introductions
The customizable select (part two) · Potions, anchoring, and radial shenanigans in CSS https://ilo.im/163bxd
_____
#SelectElement #Form #AnchorPositioning #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #HTML #CSS
ilo.imThe customizable select - Part two: Potions, anchoring, and radial shenanigans in CSS | utilitybendThe second part customizable select with CSS series. Highlighting anchor positioning to create a radial potion select element with just HTML and CSS
Targeting an `<iframe>` element is an interesting technique for progressive enhancement (e.g. showing search results in the iframe that updates when the user submits a filter form), however, the lack of feedback for screen readers when the frame navigates makes me think it should be avoided. #ProgressiveEnhancement #accessibility #a11y
#Development #Guidelines
Baseline, more than a rule of thumb? · “Don’t use Google’s Baseline to decide which web features to use.” https://ilo.im/1636ud
_____
#Baseline #Interoperability #Browser #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript #API
Rob O'Leary · Don't use Google's Baseline to decide which web features to useBaseline is a simplified view of browser support. I want to discuss if you should use it to decide which web features to use.
#Development #Guides
Simplify sharing · How to make content sharing effortless on your website https://ilo.im/16350b
_____
#Sharing #Content #Webpage #ProgressiveEnhancement #WebComponents #WebDev #Frontend #HTML #CSS #JavaScript
PiccalilliSimplify sharing with built-in APIs and progressive enhancementInstead of leaning into heavy social sharing widgets, you can create a truly user-friendly social sharing component that works for everyone, using built-in APIs and progressive enhancement.
#Development #Releases
CSS customization for the ‘select’ element · Chrome 135 brings the new property ‘appearance: base-select’ https://ilo.im/162yuz
_____
#ModernCSS #Styling #Form #Chrome #Browser #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS
Chrome for DevelopersDas Element <select> kann jetzt mit CSS angepasst werden | Blog | Chrome for DevelopersDieselben Oberflächen, aber ein neuer Look.
#Development #Techniques
The bare minimum for CSS view transitions · An instant win for your website’s user experience https://ilo.im/162voy
_____
#ModernCSS #CssViewTransitions #Transitions #Webpage #Website #Browser #ProgressiveEnhancement #WebDev #Frontend #CSS
Amit Merchant · The bare minimum you need to enable View Transitions on your websiteView transitions are a great way to make your website feel more dynamic and engaging when users navigate between pages. The View Transition API, in particular, lets you create animated transitions between different website views.
#Development #Introductions
The customizable select (part 1) · Easier styling of an HTML ‘select’ with CSS https://ilo.im/162sdu
_____
#SelectElement #Form #Animation #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #HTML #CSS
ilo.imThe customizable select - Part one: history, trickery, and styling the select with CSS | utilitybendExploring customizable select elements. This series explores styling possibilities. The first article covers the history and provides a guide to building a custom select as a progressive enhancement. Styling selects with CSS for unique and fun experiences.
Trying to do a css only proximity hover effect with variable fonts.
I was nearly there and only than understood, that without javascript my variable font is not loading.
aww damn. 
#Development #Approaches
Building websites with LLMS · (L)ots of (L)ittle ht(M)l page(S) is a game changer https://ilo.im/162myf
_____
#ViewTransitions #Navigation #Filter #Webpage #Website #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS
ilo.imBuilding Websites With LLMS
Mehr von 
Jim Nielsen