Delicious

This error exists in both 14.x and 15.x branches, and has a one-line tested fix, so presenting that here rather than in multiple pull requests. Issue: In either branch latest, graphql fails immedia...

This simple psychological trick could vastly reduce tech's carbon footprint.

There was a time when I felt overwhelmed by how fast the web developed. It seemed like not a single day passed without a new plugin, framework, technique,

WCAG 2.1 Recommendations rolled out in 2018. It’s been a couple years now and there are some new Success Criterion. In this article, I will discuss Label

An introduction to Sass maps along with a number of use cases so you can see how beneficial they are in making your code more compact.

One of the powers of utility classes lies in giving you access to every small concept of your design system, in a slew of contexts. If your main color is roy...

Learn all about the Gutenberg color settings for text, background, and gradients. Learn how to configure them, and how to remove them.

Generative color harmonies. The random color expolorer

This is overview article how WordPress and Eleventy works together. I’m writing this article in WordPress block editor as usual but front-end is now served by Eleventy. In other words back-end is still WordPress. front-end is static using Eleventy. site (foxland.fi) is hosted in Netlify. Code can be found in Github: Foxland Eleventy site. Foxland …

Even though more and more people get access to the internet every day, not all of them have fast gigabit connections or…

Litebox is a simple, modern and lightweight vanilla JS lightbox to showcase your images.

Lightweight and Accessible Lightbox that supports CSS or GSAP animations out of the box. - PerplexDigital/Perplex.Lightbox

An accessible, open-source lightbox with no dependencies. - midzer/tobii

I have a bunch of JPEGs inside a DIV and want jQuery to randomly pick one of the IMGs on page load to give it an inline display: block class - all IMGs on load have display:none. This way only 1 of...

A starter site for creating a responsive image gallery using Eleventy. - tannerdolby/eleventy-photo-gallery

I'm not very good with string manipulation in JavaScript, and I was wondering how you would go about shortening a string without cutting any word off. I know how to use substring, but not indexOf or

An accessible, open-source image lightbox with no dependencies. - deoostfreese/Parvus

This is about a wildly specific combination of technologies — Eleventy, the static site generator, with pages with images on them that you ultimately want

Super simple way to randomly load new images on refresh via Jquery and DOM injection. Great for banners. · GitHub

I want to have a div that randomly displays content after refresh. I found a code that kind of worked, but it doesn't 100% work, so I'm trying to find the error here. I was asked to post this as a...

If you’re a designer or developer with intermediate knowledge of HTML and JavaScript, and know your way around GitHub and the command line, this tutorial is for you. We’re going to walk step-by-step through converting a WordPress site into a static site generated from Markdown.

You might know a few ways to create charts with pure CSS. Some of them are covered here on CSS-Tricks, and many others can be found on CodePen, but I

It's sounding more and more likely that we're actually going to get real container queries. Google is prototyping a syntax idea from David Baron and

I am writing about my experiences as a naval navel-gazer.

Using display block on script and style blocks is a simple way to make HTML tutorials easier.

I'm Mattia Astorino, UX Engineer in Milan and member of Open Source Design.