Can I include a tag to a tag? Based on HTML Spec WHATWG
A neat little tool when you need a reminder about what elements can go in other elements.
Link tags: source
153
Tiny Helpers
A very comprehensive collection of standalone little tools for web design and development—tools that do one thing.
Learn CSS
This is a great (free!) course on learning CSS from the basics up. Nicely-pitched explanations with plenty of examples.
Library: Accessibility resources, guides, communities, and more
A very comprehensive directory of accessibility resources.
A Complete Guide To Accessible Front-End Components — Smashing Magazine
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.
Responsible Web Applications
An excellent collection of advice and examples for making websites responsive and accessibile (responsive + accessible = responsible).
The Long Now Foundation: “Nadia Eghbal Talk”
This is a great talk by Nadia Eghbal on software, open source, maintenance, and of course, long-term thinking.
Operator Lookup - Search JavaScript operators · Josh W Comeau
Operators in JavaScript—handy! I didn’t know about most of these.
Copying is the way design works || Matthew Ström: designer & developer
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.
AddyOsmani.com - Preload late-discovered Hero images faster
Did you know there’s an imagesrcset attribute you can put on link rel="preload" as="image" (along with an imagesizes attribute)?
I didn’t. (Until Amber pointed this out.)
When you browse Instagram and find former Australian Prime Minister Tony Abbott’s passport number
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.
Service Workers | Go Make Things
Chris Ferdinandi blogs every day about the power of vanilla JavaScript. For over a week now, his daily posts have been about service workers. The cumulative result is this excellent collection of resources.
Grid Cheatsheet
A useful resource for CSS grid. It’s basically the spec annoted with interactive examples.
Lightning-Fast Web Performance: an online lecture series from Scott Jehl
Scott is brilliant, therefore by the transitive property, his course on web performance must also be brilliant.
Front-end Bookmarks
A collection of articles and talks about HTML, CSS, and JS, grouped by elements, attributes, properties, selectors, methods, and expressions.
FontGoggles — Interactive Previewing and Comparing
A really nice open-source font-previewing tool for the Mac.
A Variable Fonts Primer
Everything you ever wanted to know about variable fonts, gathered together into one excellent website.
Open source beyond the market - Signal v. Noise
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.
iHateRegex - regex cheatsheet for haters
Piece together your own regular expression or choose from a pre-made selection.
(Like the creator if this site, I’m not a fan of regular expressions …or they’re not a fan of me. The logic just doesn’t stick in my brain.)