A gorgeous-in-every-way site for the free pixel font Departure Mono. The typeface is lovely: great proportions, Cyrillic support, and it’s free. The landing page is perfect, with its technical aesthetics and palette. I want to drown in this style 💔
A micro-app for jotting down your thoughts, by Rauno (yes, I’m a fan). Simple, beautiful, full of micro-interactions.
A really nice animation previewer and builder. Play with cubic Béziers and spring functions and see them on position, rotation, scale and opacity.
Instead of the usual strip of logos with “We work with...”, Vercel lists facts about how they made their clients’ lives better.
Right on the homepage. Right under the hero. Convincing!
Right on the homepage. Right under the hero. Convincing!
The Anime.js animation library got a new site.
The authors are great at mixing technical aesthetics, clarity and lightness.
The authors are great at mixing technical aesthetics, clarity and lightness.
Something new — a tool for designing haptics!
It comes with an iOS preview app and lets you hook up microcontrollers with actuators, but there are no previews for Android.
It comes with an iOS preview app and lets you hook up microcontrollers with actuators, but there are no previews for Android.
Following up on physics — The Nature of Code, a free interactive book about modeling natural systems. It covers randomness, forces, oscillation, particles, genetic algorithms, neural networks and evolution.
Dave DeSandro explains physics-based UI with simple examples. The physics model is simplified, which makes the animation math really simple. The video is 720p, you can’t hear the audience, and there are heads in front of the camera, but does that really matter?
Ilya Birman on slowing interfaces down on purpose “to look solid.” Obviously, nothing good about that pattern.
@kulizh shared the XXIIVV webring — a bunch of unusual but cozy-in-their-own-way sites. It’s mostly artists and developers living there, and you can join too.
Interesting corner rounding, a cool palette and illustrations on a habit tracker’s site
Hypermedia Systems — a book about the web with a really beautiful cover. Pure technical aesthetics.
Chrome rolled out CSS Wrapped, with a dinosaur on a skateboard and the CSS features the internet has waited so long for. Popover API, auto-sizing inputs, scroll-driven animations, page transitions — well, hooray.
Teenage Engineering Orthoplay
Not just a beautiful site, but a fun redesign too. PlanetScale went from pretty but generic blocks and loud CTAs to a neat, very technical style built on typography and tables.
Props for the guts, great case.
Props for the guts, great case.
The Book of Shaders — a gorgeous guide to programming visual effects.
Customizable features of the stock iOS and Android keyboards. Action buttons, character sets, toolbars, and how to fake them.
Case studies at 60 FPS are such a treat! Twitch’s refresh, with 3D, emotion and super addictive cards, by Porto Rocha studio.
Hardly anyone needs mockups in interfaces anymore, but if you do, here’s a free and simple tool.
A sort of tabloid page for programmers, with a solid newspaper layout. Great mix of a geometric layout and serif type.
A tiny, very elegant text site by John Gruber, the creator of Markdown.
void(0), a new company from the creator of Vue, greets you with a beautiful, technical site full of little touches. It’s not just about looks — the open-source project wants to change JavaScript projects with its fast, scalable pipeline.