Front-End Development
12,079 items in 85 lists
-
Polylang wordpress.org
-
Headless Mode wordpress.org
Headless mode sets up a redirect for all users trying to access the site. The only requests that are granted admission are ones that are either trying to access the REST API, the WP GraphQL API, or any logged-in user looking to access the headless install to edit or create posts.
-
Advanced Custom Fields wordpress.org
ACF PRO
-
25+ Videos - Gatsby + WordPress (2019) Complete Course whatjackhasmade.co.uk
The series focuses on how we can use WordPress as a headless CMS with a GraphQL schema to interface with. After setting up our WordPress site and theme, we'll move onto Gatsby and how we can use our new schema to generate content for our Gatsby site, programmatically generating…
-
Twitter twitter.com
-
Stack Overflow stackoverflow.com
-
Spectrum Chat spectrum.chat
-
Reddit reddit.com
-
Modern Web Development on the JAMstack netlify.com
A report from Netlify about Modern Web Development on the JAMStack, published by O'REILLY.
-
Building a Headless WordPress Site with Gatsby linkedin.com
This course is a step-by-step walk through using gatsby-source-wordpress plugin to create a fully functional headless Gatsby WordPress site with posts, pages, categories, tags, post navigation and other features.
-
Live Previews with WordPress and Gatsby justinwhall.com
Tutorial showing how to use the theme’s higher order component to facilitate previews for WordPress posts and custom post types.
-
Headless WordPress + Gatsby + Netlify continuous deployment justinwhall.com
Guide showing how to create a WordPress + Gatsby + Netlify setup in a few simple steps.
-
gatsby-source-wordpress gatsbyjs.org
-
gatsby-source-filesystem gatsbyjs.org
-
gatsby-image gatsbyjs.org
-
Announcing Gatsby’s New WordPress Integration gatsbyjs.com
-
Discord Chat gatsby.dev
-
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.
-
Rise of the Jamstack youtube.com
-
Make the page usable with only HTML gov.uk
This sets the baseline for every device and browser.
-
-
Jamstack: Silly name, serious stuff youtube.com
-
WTF is Jamstack? youtube.com
- next page of items loading…
