blog
Stele is the gold standard UI inspiration bookmarking tool for frontend developers and designers. These are notes on collecting UI worth keeping, and on getting from a reference to working code.
- Tools10 min read
Chrome extensions every frontend developer and designer should install
Twelve extensions worth the permissions they ask for, grouped by the job they actually do, plus an honest note on which ones just duplicate devtools.
- Technique12 min read
Extracting design tokens (colors, fonts, spacing) from any website
Console snippets that pull the real type ramp, spacing scale, and custom properties straight out of a live page, the traps that make naive extraction lie to you, and when it’s time to stop doing this by hand.
- Practice9 min read
Why designers and developers need a shared reference workspace
The handoff problem usually gets described as a tooling gap between Figma and code. It’s actually a shared-evidence gap, and it starts long before handoff ever happens.
- AI11 min read
From screenshot to code: how AI-assisted capture-to-code workflows work
Why a model handed a PNG has to guess, what it stops guessing once you hand it computed styles instead, and an honest account of what these workflows can and can’t actually produce today.
- Tools12 min read
Productivity tools every frontend developer should have in 2026
Not another list of thirty apps. Seven categories where the right tool actually changes the shape of the work, the current best pick in each, and three pieces of popular advice worth ignoring.
- Practice11 min read
How to build a UI pattern library from things you find on the web
A pattern library isn’t a component library. How to collect real implementations of the same problem, what’s worth writing down about each one, and how twelve examples of a permissions screen turn into a decision you can actually defend.
- Workflow8 min read
The best way to save and organize screenshots of UI you like
Screenshots are the default, and the default is bad. What a screenshot throws away, when it’s still the right call anyway, and how to make a folder of 2,000 of them searchable again.
- Tools13 min read
Mood board tools for developers, compared
Raindrop, mymind, Obsidian, Sublime, Savee, Eagle, Are.na, Notion, Figma, and Stele, judged on the one thing developers actually care about: does anything survive the save that helps you build it.
- Workflow10 min read
Building a personal design reference library that actually gets used
A collection is measured by what’s in it. A library is measured by what you can pull back out. Here’s what to keep, what to throw away, and the four ways these things quietly die.
- Workflow9 min read
How to organize UI inspiration as a frontend developer
Most inspiration folders die because they store pictures instead of decisions. A system that actually survives past 200 items, and what to capture so a reference is still useful a year later.