Johannes Mutter's Avatar

Johannes Mutter

@johannesmutter

Design-Engineer Building a simpler, more beautiful and cosy web. ๐Ÿ”ฎ: Generative UIs, Tools for Thought, Browsers as OS, Infinite Canvas

55
Followers
49
Following
10
Posts
01.11.2024
Joined
Posts Following

Latest posts by Johannes Mutter @johannesmutter

A section of the OpenAI Symphony readme that says โ€œtell your coding agent to build symphony in a programming language of your choiceโ€ with a link to a detailed spec

A section of the OpenAI Symphony readme that says โ€œtell your coding agent to build symphony in a programming language of your choiceโ€ with a link to a detailed spec

We have reached a moment where instead of releasing software you simply release the detailed spec for software and tell people to prompt their agent to build it themselves

From the README of OpenAIโ€™s new Symphony orchestrator: github.com/openai/symph...

05.03.2026 09:12 ๐Ÿ‘ 169 ๐Ÿ” 26 ๐Ÿ’ฌ 10 ๐Ÿ“Œ 28
Post image

This is our third time out with Local-First Conf!

In past years we've thoroughly explored some core topics like sync engines and CRDTs.

In 2026, we're broadening into areas like identity, e2ee, malleable software, and open-weight models.

26.02.2026 16:29 ๐Ÿ‘ 21 ๐Ÿ” 4 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Video thumbnail

Almost 3 years since editable.website won 2nd place at @sveltesociety.dev SvelteHack.

Since then, Iโ€™ve been busy turning this from a prototype into something solid.

A way to build CMS-free, in-place editable websites using only Svelte.

This is v2. ๐Ÿฅณ

25.02.2026 15:45 ๐Ÿ‘ 96 ๐Ÿ” 21 ๐Ÿ’ฌ 8 ๐Ÿ“Œ 4

the dream?

16.02.2026 14:07 ๐Ÿ‘ 85 ๐Ÿ” 1 ๐Ÿ’ฌ 11 ๐Ÿ“Œ 0

Pirating in 2000: Photoshop keygen.exe
Pirating in 2026: โ€œClaude Code, reverse-engineer this app.โ€

13.01.2026 07:26 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Also having them drink milk during takeoff / landing is recommend to help the baby with pressure change and prevent damage to the eardrum.

11.01.2026 11:12 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Make sure to reserve a seat with bassinet or get a JetKits Bedbox from Stokke if you anticipate many flights in the next ~8 years. Or Yoyo with car seat/ adapter. Though car seat is too uncomfortable for 3h+ flights. We also got special baby ear plugs to ease the pain with pressure during takeoff.

11.01.2026 11:09 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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

02.01.2026 23:27 ๐Ÿ‘ 2 ๐Ÿ” 1 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

For posters, where the titles should fill the available space. Currently measuring the longest word and total length in JavaScript then setting font-size accordingly in CSS.

app.patch-work.co/posters

13.11.2025 08:17 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

A social network of self owned websites. All the good things about social media. And none of the trash.

30.09.2025 21:22 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Open Social โ€” overreacted The protocol is the API.

i wrote about atproto and why it matters

26.09.2025 15:33 ๐Ÿ‘ 2822 ๐Ÿ” 508 ๐Ÿ’ฌ 122 ๐Ÿ“Œ 148

Itโ€™s easy, except for subgrid. But something that bothers me regularly:
Column or row gaps that donโ€™t collapse when the remainder slots are empty.

11.09.2025 11:11 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Would you say Jazz is well-suited to modeling and operating on data with interconnected structures, such as graphs, where nodes can have multiple relationships and recursive operations (like depth-first search, or hierarchical updates) are necessary?

04.08.2025 07:34 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Thanks to the CSS working group native css masonry may come soon to all browsers. Currently TP Safari.

@jensimmons.bsky.socialโ€ฌ

24.07.2025 19:37 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Try out a simplified version of the Masonry Grid (Demo + Code):
svelte.dev/playground/1...

24.07.2025 19:34 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Video thumbnail

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

24.07.2025 19:34 ๐Ÿ‘ 4 ๐Ÿ” 0 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0
Video thumbnail

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

05.11.2024 16:03 ๐Ÿ‘ 4 ๐Ÿ” 1 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0