A basic starter template for Eleventy blogs, with added support for webmentions. - maxboeck/eleventy-webmentions

With Eleventy, consuming data coming from a GraphQL API to generate static pages is as easy as using Markdown files.

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

Most Modern Mobile Touch Slider

This jQuery plugin will provide you an accessible carrousel system using ARIA.

This script will transform some Hx/contents into an accessible carrousel, using ARIA

Drew McLellan draws this, our fourteenth season to a gentle close by getting a little Inside Snowball and gives an account of how we put the robots to work in generating custom dynamic social media sharing images for each of the articles here on the site. Christmas is a time to share what you have, even if it’s just a grid of pixels.

Sidenotes have been around for ages in print, but they're surprisingly hard to do well in HTML.

Free illustrations, for everything. Memorable products, brands, & presentations start with our curated royalty-free illustration library

In Firefox 70, the Accessibility Inspector has become an auditing facility to help identify and fix many common mistakes and practices that reduce site accessibility. In this post, Marco Zehe ...

This entire post was written using Markdown in Visual Studio Code. That may seem a bit ridiculous. However, with a few tweaks VS Code can become an excellent tool for writing. Writing in VS Code doesn’t have the features of Ulysses, the Syncing of Bear App or the polish of IA Writer. It doesn’t have […]

People say JAMstack sites are fast — let’s find out why by looking at real performance metrics! We’ll cover common metrics, like Time to First Byte

Sometimes you stumble over things where your first thoughts are, "Hey, thats great for accessibility!" or "Nice, it's always better to solve things in a browser-native way instead of relying on JavaScript". And this has ...

Is it possible to import css stylesheets into a html page using Javascript? If so, how can it be done? P.S the javascript will be hosted on my site, but I want users to be able to put in the

Whenever we send or retrieve information with JavaScript, we initiate a thing known as an Ajax call. Ajax is a technique to send and retrieve information

How to Set Access-Control-Allow-Origin (CORS) Headers in Apache. Configure CORS in Apache web server using .htaccess or virtual host settings.

In this tutorial you will learn how to load HTML content into a DIV element from another page on the server using the jQuery load() method.

View the works and read the words of Tyler Bramer, a passionate creative person who is always seeking to push his limits. Tyler is a graphic designer, photographer, web developer, 3D artist, and video editor from Green Bay, WI.

A look at what the IndieWeb is, why you should care, and how to get started with it.

I've been playing around with CSS Custom Properties to discover their power since browser support is finally at a place where we can use them in our

Learn how to easily implement responsive table layouts with only CSS

An existing site that now has version 3.9.0 (previously version 3.4.0) of FullCalendar installed that is used to display content from various Google calendars no longer displays the event pop-ups w...

Following Keith Clarks advice, i'd like to load my fonts asynchronously. I try to achieve that by adding: wp_enqueue_style( 'font-awesome', URI . '/fonts/font-awesome/css/font-awesome.min.css' );

I am upgrading Font Awesome 4 to version 5 which introduces both integrity and crossorigin attributes to the <link rel="stylesheet"> markup. Currently, I am using: wp_register_style('FontA...

A step-by-step tutorial for how to create an animated single element CSS loading spinner that is accessible!

Sass just launched a major new feature you might recognize from other languages: a module system. This is a big step forward for @import. one of the

A simple, reduced test case demonstrating how Intersection Observer observes element visibility....

🛤 Detection of elements in viewport & smooth scrolling with parallax. - locomotivemtl/locomotive-scroll