A neat little tool when you need a reminder about what elements can go in other elements.
A very comprehensive collection of standalone little tools for web design and development—tools that do one thing.
This is a great (free!) course on learning CSS from the basics up. Nicely-pitched explanations with plenty of examples.
A very comprehensive directory of accessibility resources.
Vitaly has rounded up a whole load of accessibility posts. I think I’ve linked to most of them at some point, but it’s great to have them all gathered together in one place.
An excellent collection of advice and examples for making websites responsive and accessibile (responsive + accessible = responsible).
A people’s history of copying, from art to software.
Designers copy. We steal like great artists. But when we see a copy of our work, we’re livid.
Did you know there’s an
imagesrcset attribute you can put on
link rel="preload" as="image" (along with an
I didn’t. (Until Amber pointed this out.)
This was an absolute delight to read! Usually when you read security-related write-ups, the fun comes from the cleverness of the techniques …but this involved nothing cleverer than dev tools. In this instance, the fun is in the telling of the tale.
A useful resource for CSS grid. It’s basically the spec annoted with interactive examples.
Scott is brilliant, therefore by the transitive property, his course on web performance must also be brilliant.
…for old CSS problems.
A collection of articles and talks about HTML, CSS, and JS, grouped by elements, attributes, properties, selectors, methods, and expressions.
A really nice open-source font-previewing tool for the Mac.
Everything you ever wanted to know about variable fonts, gathered together into one excellent website.
The transcript of David Heinemeier Hansson keynote from last year’s RailsConf is well worth reading. It’s ostensibily about open source software but it delves into much larger questions.