Guide to Gatsby WordPress Starter Advanced with Previews, i18n and more dev.to

A tutorial series starting with the basic setup of WordPress and Gatsby with WPGraphQL and then dives into more advanced subjects like deployments, previews, i18n and a page-builder like setup with ACF flexible cotent fields.

Gatsby with WPGraphQL, ACF and Gatbsy-Image dev.to

A guide, that shows how to implement gatsby-image, so it can be used for WordPress media files.

My Long Journey to a Decoupled WordPress Gatsby Site css-tricks.com

Webkit Platform Status webkit.org

(Safari)

Server-side device detection smashingmagazine.com

Use user-agent and other HTTP header info combined with a device database to conditionally serve files.

Fancy radio buttons sitepoint.com

Based on HTML radio buttons, visually enhanced using CSS pseudo classes and elements.

CSS feature queries sitepoint.com

(CSS.supports() & @supports()) - Natively test if specific CSS feature is supported using JS method or CSS declaration.

WAI-ARIA Screen reader compatibility powermapper.com

ARIA roles and attributes support for different screen reader and browser combinations.

The Web Platform platform.html5.org

Overview of browser technologies with links to docs and test suites.

Firefox Platform Status platform-status.mozilla.org

Open Device Lab opendevicelab.com

Lets you test manually on actual devices (for free).

Feature Detect ES6 npmjs.com

Detect which ES2015 features are available.

HTML5 Worker test nolanlawson.github.io

Compare which APIs are supported in Web Workers and Service Workers across browsers.

Node compatibility table node.green

Overview of JavaScript feature support across NodeJS versions.

The Role of Enhancement in Web Design nngroup.com

From the concept of enhancement to the criteria and rules for enriching the user interface.

Modernizr modernizr.com

Extensive feature detection suite (supports custom builds).

Application Shell Architecture medium.com

Setup for instant loading web apps.

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).

HTML5 Test html5test.com

Test and compare HTML5 feature support across browsers.

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.

Progressive hamburger menu heydonworks.com

List of links in footer enhanced to off-canvas menu.

Make the page usable with only HTML gov.uk

This sets the baseline for every device and browser.

Configure Desired Capabilities in Selenium github.com

Run automated browser tests in different scenarios.

Talks from all the Jamstack Conferences youtube.com

The New Front-end Stack. JavaScript, APIs and Markup vimeo.com

Utterances utteranc.es

Fireproof use-fireproof.com

TwicPics twicpics.com

TreacleWP treaclewp.com

Hopper travel.hopper.com

Tigris tigrisdata.com

the New Dynamic thenewdynamic.org

That's my Jamstack thatsmyjamstack.com

Toggle switch ghinda.net

Checkbox or radios, visually enhanced to sliding toggle switches using CSS only.

Generating a Static Site with Flask and Deploying it to Netlify testdriven.io

Project Fugu API tracker fugu-tracker.web.app

Browser support status overview of web API's filling the "app gap".

TeleportHQ teleporthq.io

Font Family Reunion fontfamily.io

Compatibility tables for default local (system) fonts.

Stormkit stormkit.io

iOS PWA Compatibility firt.dev

Support table for PWA features including service worker, manifest, background sync and push notifications (Unofficial, maintained by Maximiliano Firtman).

Storipress storipress.com

Responsive Carousel filamentgroup.github.io

List of images enhanced into responsive carousel with various behaviour options.

Statichunt statichunt.com