Style Manual
To help you circumvent the common pitfalls that the English language brings along, Andy Taylor created Style Manual, a reference document for punctuation, style, and spelling.
Public
The Front-End Developer's Guide to the Terminal
If you're not comfortable with command line interfaces, you'll struggle to run a local development server or build your application!
Home sweet homepage
Dedicated to all the misfits & weirdos ♥︎
SystemSix
SystemSix is a desk calendar that displays the weather forecast and phase of the moon on an e-ink display. This is a kind of love-letter to my first Macintosh.
The Latecomer’s Guide to Crypto - The New York Times
Crypto is a lot of things – including terribly explained. We’re here to clear things up.
A Designer’s Guide to Documenting Accessibility & User Interactions by Stéphanie Walter
Great documentation helps teams implement accessibility requirements the right way.
Floppy Emu Disk Emulator for Apple II, Macintosh, and Lisa | Big Mess o' Wires
Floppy Emu is a floppy and hard disk emulator for classic Apple II, Macintosh, and Lisa computers.
The Hidden Image Descriptions Making the Internet Accessible - The New York Times
Great article illustrating how essential image alt text is to the online experience.
Modern fluid typography editor
A great tol to simulate the use of clamp in fluid typography.
Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report
Indispensable insights from Sara
My first impressions of web3
Excellent take by Moxie Marlinspike on Web3 “[…] it seems worth thinking about how to avoid web3 being web2x2 (web2 but with even less privacy) with some urgency”
web0 manifesto
web0 is the decentralised web. In other words, web0 is web3 without all the corporate right-libertarian Silicon Valley bullshit.
GRID® 1 - Grid Studio
The original iPhone teared down in a very elegant fashion #lust
Launch: Vinegar - And a Dinosaur
Vinegar also replaces the YouTube player (written in who-knows-what) with a minimal HTML tag.
Reimagine Atomic CSS
UnoCSS - the instant atomic CSS engine with maximum performance and flexibility
Your CSS is an interface – Eric Bailey
Human-friendly CSS is an interface that prioritizes people
A Plan to Perfect the New York City Street
Perfecting the New York Street An achievable, replicable plan for a city that’s embracing public space as never before.
HTML with Superpowers - daverupert.com
I think if you were using Web Components before 2020 you were an early adopter and you probably have some scars to show for it. But in 2021, now that all modern browsers support Web Components, I think they’re worth investigating.
Custom properties with defaults: 3+1 strategies – Lea Verou
When developing customizable components, one often wants to expose various parameters of the styling as custom properties, and form a sort of CSS API.
Line length revisited: following the research
The consensus among typographers is that we should avoid long line lengths when designing continuous texts. Also, line spacing should be greater with longer lines.
Designing Beautiful Shadows in CSS
Creating the perfect shadow
Browsing with a mobile screen reader - TetraLogical
Learn more on mobile screen readers and how to use one
Daring Fireball: The Tragedy of Safari 15 for Mac’s ‘Tabs’
The most controversial Mac Safari changes shown at WWDC — compressing tabs and the URL location field into a single row at the top of each window.
Inclusive Design 24 (#id24) 23 September 2021
Inclusive Design 24 (#id24) is a free 24-hour online event for the global community.
Welcome to the W3C design system
This design system documents the styles, components and templates available to use on your website.
A guide to designing accessible, WCAG-compliant focus indicators
Imagine you visit a Web site and you want to browse it for some content. You want to buy something; or maybe book a flight somewhere. And as you move your cursor onto the page, it suddenly disappears.
A Cheatsheet for User Interview and Follow Ups Questions by Stéphanie Walter - UX Researcher & Designer.
I put together a “cheat sheet that helps write interview and follow ups questions for user research and usability test protocols” Those are fragments of questions to should help you get started writing your own questions.
SmolCSS
Minimal snippets for modern CSS layouts and components
Serving sharp images to high density screens - JakeArchibald.com
If you want your images to be as sharp as possible, you need to target images at the user's device pixels, rather than their CSS pixels.
Bryan - Hicks.design
John Bryan Hicks (1932–2021) was an architect, photographer, railway enthusiast and most importantly my Dad. Bryan is a free, single-weight open type font, a faithful digital recreation of his distinctive handwriting.