Code

Four part series on units in CSS, where we dive into each available unit, explain the relationship between them and try to find out when to use which. We will talk about accessibility, best practices for developer teams and the history of sizing stuff on screens (and in print). This first part will present a general primer on the topic of size units, teach you everything you need to know about pixels and prepare you for the rabbit hole we are about to go down.

NES-style CSS Framework | ファミコン風CSSフレームワーク

A simple way to make HTML websites

Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.

I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button

Freelance Front-End Web UI/UX Developer - Lebanon

A client recently asked if it was possible to create a green website. The answer is a little more complicated than you’d expect.

Eleventy is a simpler static site generator.

This is not a tutorial to create an 11ty website, this's a note! You can find some very new and useful techniques on this note alongside the...

"Static Site Generator," that is. We'll get to that in a second. Netlify is a sponsor of this site (thank you very much), and I see Zach Leatherman has

Learn a range of new creative and digital skills so that you can start making things online and design and build your first website from start to finish.

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

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

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

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

The first composable CSS animation toolkit

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

I’m Hugo “Kitty” Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity.

Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re

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.