Found 397 bookmarks
Newest
Jeff Calaway | Healthy Websites Have Good Anatomy
Jeff Calaway | Healthy Websites Have Good Anatomy
How Atomic Design creates clear website anatomy, modularity, and a methodology that future contributors can pick up on with minimal context.
·jeffcalaway.com·
Jeff Calaway | Healthy Websites Have Good Anatomy
Sidenotes in Goldmark
Sidenotes in Goldmark
Back in 2024, I jumped through a lot of hoops to get sidenotes working correctly here. I find that I’m happier writing when I can add notes (either footnotes or sidenotes), and sidenotes work better on the web on large-screen devices. The biggest problem that I ran into was that Goldmark (Hugo’s default Markdown text render) doesn’t support sidenotes at all, and adding them to its parser seemed Rather Nontrivial for several reasons. The least-effort way to get sidenotes working was to switch Hugo from using Goldmark to Pandoc, which is a giant document conversion system (in Haskell!), and then using one of the 2 or 3 Pandoc sidenote plugins. It took a surprising amount of effort get Pandoc sidenotes working right, but I’ve been mostly happy with the output. The biggest downside is speed. Hugo is generally seen as a fast static site generator, and with Goldmark it’s able to render this entire site in a few seconds. With Pandoc, it takes most of a minute. Worse, when running Hugo is “server” mode while writing, it can take 30s just to render individual page changes, and Pandoc can hang if I save changes while it’s trying to render. That makes writing a pain. So I’m going to make sidenotes work in Goldmark. How hard can it be, really?1Annoying hard, but not terrible, as it turns out.
·scottstuff.net·
Sidenotes in Goldmark
A Look at the Lisa’s Menu System
A Look at the Lisa’s Menu System
Marcin Wichary at Unsung: I’ve been emulating the Apple Lisa recently, and I was struck by how many of its UI strings were slightly or wholly different than what we’re used to. It makes sense. Lisa came out in 1983 as Mac’s predecessor and really the first GUI that is directly linked to what we’re using today. Even though it borrowed things from work done at Xerox, tons of conventions were not established yet.
·512pixels.net·
A Look at the Lisa’s Menu System
Standard.site - One schema. Every platform.
Standard.site - One schema. Every platform.
Standard.site provides shared lexicons for long-form publishing on AT Protocol. Making content easier to discover, index, and move across the ATmosphere.
·standard.site·
Standard.site - One schema. Every platform.
Still reaching for that messy definition of container
Still reaching for that messy definition of container
I’m still delightfully jet lagged from the France trip meaning, early nights and early mornings, which suits me fine. It gives me time to read and reflect and to walk, this morning taking tim…
·chriscorrigan.com·
Still reaching for that messy definition of container
Tool-Shaped Objects — Agent Wars
Tool-Shaped Objects — Agent Wars
Will Manidis argues that the current AI/LLM boom is dominated by 'tool-shaped objects' — systems engineered to produce the feeling of work rather than actual output. His central metaphor is the Chiyozuru kanna: a $3,000 Japanese hand plane that exists for the ritual, not the result. He applies the same logic to the entire AI infrastructure stack — GPU clusters, orchestration layers, agentic dashboards — and concludes that the market for feeling productive reliably dwarfs the market for being productive. Diffusion into the real economy, he argues, will be slower and look structurally different from the consumption-led narrative currently driving institutional AI budgets.
·agent-wars.com·
Tool-Shaped Objects — Agent Wars
Minutes | Will Manidis | Substack
Minutes | Will Manidis | Substack
minutes is mostly about walking. Click to read Minutes, by Will Manidis, a Substack publication with thousands of subscribers.
·minutes.substack.com·
Minutes | Will Manidis | Substack
Stupidly Simple SVG Sparklines
Stupidly Simple SVG Sparklines
A sparkline is a little line-graph with no axes or other unnecessary details. They're useful for getting quick understanding of what the data is showing. They're also really easy to create programmatically. This uses the SVG "polyline" which takes a list of x,y co-ordinate pairs. But can you spot the small problem? ⧉ SVGsvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 124" …
·shkspr.mobi·
Stupidly Simple SVG Sparklines
Griddy Icons
Griddy Icons
Griddy Icons is free open-source icon family with unique utilitarian vibe
·griddyicons.com·
Griddy Icons
Stitch - Docs
Stitch - Docs
A design system document that AI agents read to generate consistent UI across your project.
·stitch.withgoogle.com·
Stitch - Docs
Job turnover by occupation
Job turnover by occupation
Some occupations have more turnover than others. See how it varies for your occupation and others.
·flowingdata.com·
Job turnover by occupation
Milwaukee Bus Passes | Flickr
Milwaukee Bus Passes | Flickr
Milwaukee weekly bus passes between the years of 1930-1979. Collection: Kindra Murphy Follow my findings: from there
·flickr.com·
Milwaukee Bus Passes | Flickr
The age of snarky UI
The age of snarky UI
Your devices are all judging you. They’re just too polite to say it directly.
·thoughtbot.com·
The age of snarky UI
The Foundation for your Design System - shadcn/ui
The Foundation for your Design System - shadcn/ui
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
·ui.shadcn.com·
The Foundation for your Design System - shadcn/ui
lucide-animated | Free Animated React Icons
lucide-animated | Free Animated React Icons
Free animated React icons library with 350+ smooth Motion-powered icons based on Lucide. MIT licensed, copy-paste ready.
·lucide-animated.com·
lucide-animated | Free Animated React Icons
Lynn Fisher
Lynn Fisher
Lynn Fisher is a web designer, CSS developer, and artist from Phoenix, Arizona.
·lynnandtonic.com·
Lynn Fisher
Mobile Game UX Patterns That Casino Developers Are Copying (and Why It Works) - The Tech Block
Mobile Game UX Patterns That Casino Developers Are Copying (and Why It Works) - The Tech Block
Mobile game UX has changed how people interact with apps at a very basic level. Users now expect fast feedback, low-friction navigation, and clear progress signals from the first tap. That expectation does not stop at puzzle games or strategy titles. Casino and betting apps now borrow many of the same UX patterns because they
·thetechblock.com·
Mobile Game UX Patterns That Casino Developers Are Copying (and Why It Works) - The Tech Block
Searchable.City
Searchable.City
Search NYC by what you can see. An open-vocabulary semantic atlas for querying urban elements like scaffolding, murals, awnings, trees, and more. Created by Sean Hardesty Lewis.
·searchable.city·
Searchable.City
Goofball's Double-Sided Wall Clock for the Home - Core77
Goofball's Double-Sided Wall Clock for the Home - Core77
Double-sided wall clocks have been the domain of institutions and train stations, particularly in Europe. But Turin-based product brand Goofball reckons they have domestic appeal. Here's their Perch Clock: The clock runs on two AA batteries, so no hardwiring is required. To change the
·core77.com·
Goofball's Double-Sided Wall Clock for the Home - Core77
TerraInk: The Cartographic Poster Engine
TerraInk: The Cartographic Poster Engine
Create stunning, print-ready map posters for any location in the world — free, open-source, and entirely in your browser.
·terraink.app·
TerraInk: The Cartographic Poster Engine
The 49MB Web Page
The 49MB Web Page
A look at modern news websites. How programmatic ad-tech, huge payloads and hostile architecture destroyed the reading experience.
·thatshubham.com·
The 49MB Web Page