Everything you ever wanted to know about variable fonts, gathered together into one excellent website.
As well as graciously hosting Indie Web Camp Berlin on the weekend at Mozilla’s offices, Yulia has also drawn this super-cute comic.
A nice clear explanation of specifying colour using HSB (not to be confused with HSL).
Such a great primer on game theory—well worth half an hour of your time.
The Buckminster Fuller Institute has put together this collection of resources which explain the ideas behind “comprehensive anticipatory design science.”
Seems especially relevant in light of the first issue of the Journal of Design and Science from MIT.
The legacy of the Black Mountain College lives on.
How the Web Works: A Primer for Newcomers to Web Development (or anyone, really) by Preethi Kasireddy
This is a great reminder of the fundamental nuts’n’bolts of the internet and the World Wide Web: clients, servers, URLs, DNS, HTTP, TCP/IP, packet switching, and all the other building blocks we sometimes take for granted.
This is part one of a four-part series:
- A Primer for Newcomers to Web Development (or anyone, really)
- Client-Server Model & the Structure of a Web Application
- HTTP & REST
- Stay tuned…
Github’s pattern library.
As always, it’s great to see how other organisations are tackling modular reusable front-end code (though I can’t imagine why anyone other than Github would ever want to use it in production).
A reusable set of responsive patterns and templates for UK councils.
Nice! A Yeoman generator for scaffolding your own pattern primer.
(Those are just words, aren’t they? Y’know, as opposed to a sentence that would actually make sense to most right-thinking people.)
Another front-end style guide for the collection. This time it’s from A List Apart. Lovely stuff!
This is handy: a version of my pattern primer that can be run with Grunt.
Anna goes through some of her favourite pattern libraries. It’s really, really great to see this stuff getting documented.
This is an interesting idea: paste in some markup and this will automatically generate CSS selectors based on your classes and IDs.