Progressive Enhancement
83 items from jbmoelker/progressive-enhancement-resources ★151
-
-
The Role of Enhancement in Web Design nngroup.com
From the concept of enhancement to the criteria and rules for enriching the user interface.
-
-
-
5-star rating lea.verou.me
Based on HTML radio buttons, visually enhanced using CSS pseudo classes and elements.
-
Kangax's ECMAScript compatibility table kangax.github.io
Overview of JavaScript feature support across browsers and other runtimes.
-
Is WebVR ready? iswebvrready.org
Overview of support of different browser features behind WebVR including display, gamepad, audio and speech APIs.
-
Is WebRTC ready yet? iswebrtcreadyyet.com
Overview of support for the different browser features behind real time communication.
-
Is PWA ready? ispwaready.toxicjohann.com
Overview of support for the core and related technologies behind Progressive Web Apps for both popular global and many Chinese browsers.
-
Is Houdini ready yet? ishoudinireadyyet.com
Overview of support for Houdini (low-level APIs exposing parts of the CSS rendering engine) across browsers.
-
Progressive Web Apps infrequently.org
Enhancing web sites into native-like apps (progressive, not hybrid).
-
-
Feature vs Browser vs Form factor detection html5rocks.com
As different strategies to tune your app to its environment.
-
HTML5 Accessibility html5accessibility.com
Compare feature support of HTML5 tags, input types and properties across major browsers.
-
-
-
Configure Desired Capabilities in Selenium github.com
Run automated browser tests in different scenarios.
-
Toggle switch ghinda.net
Checkbox or radios, visually enhanced to sliding toggle switches using CSS only.
-
Project Fugu API tracker fugu-tracker.web.app
Browser support status overview of web API's filling the "app gap".
-
-
iOS PWA Compatibility firt.dev
Support table for PWA features including service worker, manifest, background sync and push notifications (Unofficial, maintained by Maximiliano Firtman).
-
Responsive Carousel filamentgroup.github.io
List of images enhanced into responsive carousel with various behaviour options.
-
-
-
EnhanceJS filamentgroup.com
Lets you asynchronously load CSS & JS after a set pre-defined feature tests.
-
-
Checkboxes & radio buttons filamentgroup.com
With custom focus, hover and checked state. Enhanced asynchronously.
-
Designing with Progressive Enhancement filamentgroup.com
The book (400+ pages) on Progressive Enhancement.
-
-
Text browsers en.wikipedia.org
Good way to test if your content is accessible at the baseline. Try Lynx for example.
-
Detecting (HTML5) features diveinto.html5doctor.com
Intro to different feature detection techniques with examples and demos.
-
Device emulators and simulators developers.google.com
-
SVG requiredFeatures developer.mozilla.org
Render SVG elements only if their [requiredFeatures] evaluate to true.
-
MDN Compatibility tables developer.mozilla.org
MDN's web technology documentation has a browser compatibility table end the end of each article.
-
Run Internet Explorer using Virtual Machines developer.microsoft.com
To test IE browsers on other platforms.
-
Edge Platform Status developer.microsoft.com
-
API Catalog developer.microsoft.com
Lets you compare implementation of API specifications in major desktop browsers.
-
Testing in Opera Mini dev.opera.com
Download the app, emulate on desktop, setup to test local websites. (Opera Mini accounts for over 5% browser usage world wide)
-
-
-
-
Conditioner.js conditionerjs.com
Conditionally load JS modules based on directives in HTML attributes.
-
Progressive Enhancement: It's about the content cognition.happycog.com
Sharing content is the core of the web. Progressive Enhancement ensures access to content.
-
Chrome Platform Status chromestatus.com
-
CSS Feature Toggles chrome.google.com
Chrome DevTools extension to toggle support of selected CSS features for testing progressive enhancement fallbacks.
-
-
The Content-out Approach articles.uie.com
Provide wide access to content without technological restrictions.
-
Understanding Progressive Enhancement alistapart.com
Apply technologies in an intelligent way, layer-upon-layer, to craft an amazing experience.
-
Test Driven Progressive Enhancement alistapart.com
Core functional experience enhanced after testing capabilities.
-
Writing polyfills addyosmani.com
If your baseline is still too high for some browsers, consider polyfills (aka Regressive Enhancement).
- next page of items loading…
