Johannes Mutter
@johannesmutter.bsky.social
Design-Engineer
Building a simpler, more beautiful and cosy web.
🔮: Generative UIs, Tools for Thought, Browsers as OS, Infinite Canvas
Building a simpler, more beautiful and cosy web.
🔮: Generative UIs, Tools for Thought, Browsers as OS, Infinite Canvas
Pirating in 2000: Photoshop keygen.exe
Pirating in 2026: “Claude Code, reverse-engineer this app.”
Pirating in 2026: “Claude Code, reverse-engineer this app.”
January 13, 2026 at 7:26 AM
Pirating in 2000: Photoshop keygen.exe
Pirating in 2026: “Claude Code, reverse-engineer this app.”
Pirating in 2026: “Claude Code, reverse-engineer this app.”
Reposted by Johannes Mutter
focusing on this visual "shape of text" also removes /some/ dependency on actual written language and its length, so you design more generically with semantic hierarchy (how big are things compared to other things) and can internationalize more easily
January 2, 2026 at 11:27 PM
focusing on this visual "shape of text" also removes /some/ dependency on actual written language and its length, so you design more generically with semantic hierarchy (how big are things compared to other things) and can internationalize more easily
A social network of self owned websites. All the good things about social media. And none of the trash.
i wrote about atproto and why it matters
Open Social — overreacted
The protocol is the API.
overreacted.io
September 30, 2025 at 9:22 PM
A social network of self owned websites. All the good things about social media. And none of the trash.
Reposted by Johannes Mutter
i wrote about atproto and why it matters
Open Social — overreacted
The protocol is the API.
overreacted.io
September 26, 2025 at 3:33 PM
i wrote about atproto and why it matters
Masonry layout in pure CSS?
The trick is to use grid-auto-rows: 20px on the container, then set each card’s height using grid-row-end: span 𝒳. For 𝒳 we calculate how many ‘rows’ tall a card should be based on the column width and aspect ratio. With tan() we get a unitless value
The trick is to use grid-auto-rows: 20px on the container, then set each card’s height using grid-row-end: span 𝒳. For 𝒳 we calculate how many ‘rows’ tall a card should be based on the column width and aspect ratio. With tan() we get a unitless value
July 24, 2025 at 7:34 PM
Masonry layout in pure CSS?
The trick is to use grid-auto-rows: 20px on the container, then set each card’s height using grid-row-end: span 𝒳. For 𝒳 we calculate how many ‘rows’ tall a card should be based on the column width and aspect ratio. With tan() we get a unitless value
The trick is to use grid-auto-rows: 20px on the container, then set each card’s height using grid-row-end: span 𝒳. For 𝒳 we calculate how many ‘rows’ tall a card should be based on the column width and aspect ratio. With tan() we get a unitless value
Reposted by Johannes Mutter
Sneak preview of the booking system @johannesmutter.bsky.social
and I are working on:
- Book/cancel a slot with a single click
- Get billed the next day automatically
- Book for yourself, or on behalf of someone else
PS: Made with Svelte 5
and I are working on:
- Book/cancel a slot with a single click
- Get billed the next day automatically
- Book for yourself, or on behalf of someone else
PS: Made with Svelte 5
November 5, 2024 at 4:03 PM
Sneak preview of the booking system @johannesmutter.bsky.social
and I are working on:
- Book/cancel a slot with a single click
- Get billed the next day automatically
- Book for yourself, or on behalf of someone else
PS: Made with Svelte 5
and I are working on:
- Book/cancel a slot with a single click
- Get billed the next day automatically
- Book for yourself, or on behalf of someone else
PS: Made with Svelte 5