User Experience on mobile might not be great yet, but
I'm working on it.
Your first time on this page? Allow me to give some explanations.
Awesome Progressive Enhancement
Resources on Progressive Enhancement. From concept and strategies to feature detection & testing methods. Complete with a list of (code) examples.
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you jbmoelker & contributors
View Topic on GitHub:
jbmoelker/progressive-enhancement-resources
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
The Concept
Strategies
polyfills (aka Regressive Enhancement).
Feature Detection
CSS.supports() & @supports()) - Natively test if specific CSS feature is supported using JS method or CSS declaration.
[requiredFeatures]` evaluate to true.
Support Tables
Up-to-date data on support for type and typographic features on the web.
This repository contains compatibility data for Web technologies as displayed on MDN
Just a collection of quirks and issues that occur on browser platforms (particularly those unlikely to update)
Testing Methods
A browser automation framework and ecosystem.
Automated auditing, performance metrics, and best practices for the web.
Checklist of 2nd edition (PDF) - Actionable list to check you've applied Progressive Enhancement best practices. Part of Adaptive Web Design book.
Custom Form Elements
Accessible, custom slider widget based on a standard HTML select
A set of React components to easily create isomorphic forms
Data Visualisations
Images
A lazy image loader designed to enforce progressive enhancement and valid HTML.
Menus
Page Navigation
Unobtrusive page transitions with jQuery.
pushState + ajax = pjax
Easily enable fast Ajax navigation on any website (using pushState + xhr)
Turbolinks makes navigating your web application faster