Here's how to replace JavaScript dialogs with the HTML dialog element with the same functionality as the alert(), confirm(), and prompt() methods.

In this article, we’ll look specifically at what we can do to reduce the impact of social media embeds and social sharing widgets — or even some strategies to avoid them altogether. While the spotlight is on reducing the environmental impact, many of these tips will be great for performance too.

Dead-simple framework for shareable web components.

A simple Eleventy plugin to support Google Static Maps

How I went about creating my personal website using Astro, Tailwind CSS, and Nx.

Learn how to build a scrollable and draggable horizontal timeline using GSAP's ScrollTrigger and Draggable plugins.

An artwork may be generative in some ways and not in others. A piece could have generative aspects even if the artist didn’t have that intention. There are ways in which a painting could be considered generative. I prefer definitions to be inclusive, not restrictive, and my definitions are for the

An open standard for data-driven blocks

Adding spatial affordances to the experience of browsing the web

Integrating a Google Photos Album in your Eleventy site with Pipedream

HSLuv - An alternative to HSL for programmatic color generation

Dead-simple framework for shareable web components.

A compact pane for fine-tuning parameters and monitoring value changes

Gallery of customizable plug & play animated backgrounds using three.js

Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.

Thoughts about development and product design.

A free color mixer, blender, info and modifier tool. Mix multiple colors, get links for design inspiration and stock images based on a color, view various color combinations and modify colors in an intuitive.

Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor.

Free, open-source JavaScript library for animated data visualizations and data stories.

Free PSD Mockups for Books and More!

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

Add custom styles

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

Lists are the form of data representation commonly used by all types of documents. In HTML there are two types of lists namely ordered and unordered lists.  In an ordered list, the items are indicated...

A classless CSS framework that makes semantic HTML look good.

A guide that walks folks through the process of building a blog with Eleventy

Some attributes in ARIA are boolean(-like). These attributes may seem a lot like boolean attributes in HTML, but there are some important differences to be aware of.

The Missing Admin for Laravel

Learn about GROQ, the Vision plugin, templating in Eleventy and how to add a few key features which are missing from the starter.