CSS { In Real Life } | Cool Tools
I knew of most of these front-end development tools (like Utopia, obviously), but some were new to me.
Link tags: resources
44
WPDS - Accessibility | Resources
I didn’t know the Washington Post had a design system or that the system has this good section on accessibility.
Accessibility for designer: where do I start? by Stéphanie Walter - UX Researcher & Designer.
Stéphanie has gathered a goldmine of goodies:
Articles, resources, checklists, tools, plugins and books to design accessible products
Learn Privacy
Stuart has written this fantastic concise practical guide to privacy for developers and designers. A must-read!
Learn HTML
This is a great step-by-step guide to HTML by Estelle.
12 Days of Web
All twelve are out, and all twelve are excellent deep dives into exciting web technologies landing in browsers now.
Lean Web Club
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).
Start at the beginning: the importance of learning the basics - localghost
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.
Once you start getting into interactive website territory, with API calls and fancy stuff, that’s where you need JavaScript (JS) knowledge. More specifically, vanilla JS: plain JS with no additional frameworks or plugins. The JS that your browser understands without having to do any pre-processing. It makes working with frameworks a whole lot easier, and it’ll help you to know when not to use a framework (and avoid making users download massive JS bundles when all you need is a tiny bit of code).
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.
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.
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.
A Variable Fonts Primer
Everything you ever wanted to know about variable fonts, gathered together into one excellent website.
Design Questions Library | d.school public library
This site is not meant to be exhaustive, but rather a useful guide—our FAQ for design understanding. We hope it will inspire discussion, some questioning, a little soul searching, and ideally, a bit of intellectual support for your everyday endeavors.
The Design Questions Library goes nicely with the Library of Ambiguity.
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
The 2019 edition of Cody Lindley’s book is a good jumping-off point with lots of links to handy resources.
Limiting JavaScript? - TimKadlec.com
Following on from that proposal for a browser feature that I linked to yesterday, Tim thinks through all the permutations and possibilities of user agents allowing users to throttle resources:
If a limit does get enforced (it’s important to remember this is still a big if right now), as long as it’s handled with care I can see it being an excellent thing for the web that prioritizes users, while still giving developers the ability to take control of the situation themselves.