Design

Camelot typefaces

Typearture, typefaces by Arthur Reinders Folmer

Begin from a blank directory and build up your first Eleventy site. Includes gotchas along the way, why they happen, and how to resolve them. You'll create essential layouts while learn the basics of using Nunjucks and Markdown for templating. And you'll learn to work with local data and external API data. As a bonus, get setup to deploy your final site to Netlify.

Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change.

I love RSS. I love how uncool it is. Here's how I configured my 11ty site with a RSS feed.

Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build

Learn how to build a stunning website from scratch with this Eleventy course.

11ty is simple, flexible, and powerful. This tutorial shows how to use it to craft a neat Jamstack blog. Check it out!

My notes on the Egghead course "Getting Started with Eleventy" by Khaled Garbaya.

This tutorial starts with a basic Eleventy setup and guides the reader through a basic Eleventy setup.

JAMStack is Fast for Development & Delivery of Fast websites & Static Site Generation is one of the way. Eleventy (11ty) is easiest Static Site Generator

When I decided to try to base my current personal website on Eleventy, I didn't want to reinvent the wheel: I tested all the Eleventy starters built with

IPEVO DO-CAM 8MP USB Document Camera is your light and versatile presentation tool. It offers astonishing resolutions for capturing the tiniest details of your materials and can also double as a webcam.

In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...

A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if

A community-driven effort to make web accessibility easier.

The answer to "What is the most accessible HTML for an SVG icon?" isn't one-size-fits all, because what an icon needs to do on a website varies. I'm

Whether you choose to completely write your own CSS, or use a framework, or be required to build within a design system;...

Tinkersynth is an experimental art project. Create unique designs by manipulating whimsical machines and making serendipitous discoveries.

A perceptual color space for image processing A perceptual color space is desirable when doing many kinds of image processing. It is useful...

Products & pattern designs inspiration.