Generative AI: What You Need To Know is a free resource that will help you develop an AI-bullshit detector.
Stéphanie has gathered a goldmine of goodies:
Articles, resources, checklists, tools, plugins and books to design accessible products
This is a great step-by-step guide to HTML by Estelle.
All twelve are out, and all twelve are excellent deep dives into exciting web technologies landing in browsers now.
This is a superb explanation of flexbox—the interactive widgets sprinkled throughout are such a great aid to learning!
New from Mr. Vanilla JS himself, Chris Ferdinandi:
A learning space for people who hate the complexity of modern web development.
It’ll be $29 a month or $299 a year (giving you two months worth for free).
A lovely website (or web book?) dedicated entirely to colour contrast, complete with interactive illustrative widgets.
A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast.
I’d recommend going in the order HTML, CSS, JS. That way, you can build something in HTML, add CSS to it as you learn it, and finally soup it up with your new-found JS knowledge.
Excellent advice for anyone new to web develoment.
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).
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.)