Public

An accessible online course that covers the foundations of latin type design.

Where to start as a typeface designer.

Generated content (the ::before and ::after pseudo-elements) is quite handy for styling elements without disrupting markup. We can use it for creating things like custom checkboxes without any extra elements. https://codepen.io/MrRoboto/pen/OJxaGyb ...

The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management Systems.

An in-depth course on images for the web.

Arthur Reinders Folmer from Typearture teaches you in 11 lessons how to create a working variable color font and implement it in a website.

Leverage CSS :has() to select all siblings between two element boundaries.

get rid of the grid!

I got an email recently from a kind online friend asking to learn about my process or what makes a good website. It's also good impetus for me to be a little more candid and critical about my practice — here's my breakdown on how to make a Good Website.

If I have to have to a job, this is what I want it to offer me.

How do we publish design system usage guidance across multiple tools and platforms? Could structured content provide a solution?

Frameworks are often touted as something like “a lightning fast development experience” and that’s fine I guess, but the speed is in the wrong hands. Why not “a lightning fa…

To serve users at the global P75 of devices and networks, we can now afford ~150KiB of HTML/CSS/fonts and ~300-350KiB of JavaScript (gzipped). This is a slight upgrade on last year's budgets, thanks to device and network improvements. Meanwhile, web developers continue to send more script than is reasonable for 80+% of the world's users, widening the gap between the haves and the have-nots. This is an ethical crisis for frontend. Meanwhile, the most popular tools and frameworks remain in stubborn denial, but reality is not moved by ignoring it: when digital is the default, slow is exclusionary.

Today, the HTML specification landed a very important change to the dialog element. One that resolves a multi-year discussion on how the dialog element shou...

All the reasons you don't need a modal — and what to use instead.

I’m a front‑end developer working at Apple .

A post by Zach Leatherman (zachleat)

Zach reflects on 17 years in the game and my essay The Great Divide, four years old this month: The Great Divide really resonated with me. I keep coming back to it and I do think it continues to accurately describe what feels like two very distinct and separate camps of web developer. And despite […]

Simply saying the word "grid" conjures up strong and confusing feelings. Kinda like puberty! With so much history and so many different (and sometimes competing) paradigms, it's no wonder conversations around layout and grid are so fraught, confusing, and contentious. I'm long overdue to share how w

We encourage an iterative approach from day one with clients, so for our own website, we practice what we preach. In this post, we break down how we went from quick and dirty landing page, to what you see today, to what's coming in the future.

Usually. I originally titled this InacCSS-onlyible. I even made this typographically, er, distinct image. Then I realized it was silly and will instead use the neologism in a talk so I can hear the groans IRL. Interactive widgets powered with only CSS are relatively common as people are playing with…

My life, where each week I’ve been alive is a little box. When meaningful things happen (for both better and worse) I make a note of it so I can remember how much of life is influenced by these factors. If you’d like to create your own version of this, it’s basically a data file, a template, and a blog post mashed together on Jekyll blog hosted on Netlify.

Creating a live environment, not a cemetery of ideas

We must make more progress for web accessibility. We need to fix the top issue and concentrate on addressing them where it makes most sense. In the end, the promise of an accessible web must be kept.