JohannesMutter Profile Banner
Johannes Mutter Profile
Johannes Mutter

@JohannesMutter

Followers
968
Following
2K
Media
238
Statuses
1K

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

Joined April 2013
Don't wanna be here? Send us removal request.
@JohannesMutter
Johannes Mutter
2 years
Our vision for Tools for Thought. From 5years ago, still working on it. Featuring Ted Nelson, Memex, Augmented Thinking and a few hidden easter eggs…
3
2
82
@JohannesMutter
Johannes Mutter
19 days
The siren song of federated, cross-internet transclusion is strong. Resist them until your single-player mode is flawless!.
0
1
7
@JohannesMutter
Johannes Mutter
24 days
Closing browser tabs should be like Tinder: Swipe right if you think it could be useful at some point and swipe left if it’s a distraction. At the right time and place the tab could message you: ā€žHey, I think I could be a useful, inspiring, guiding resource hereā€œ.
1
0
4
@JohannesMutter
Johannes Mutter
26 days
We'll have AGI before I can get a document from my German registration office. The guy on the phone literally said: ā€œPlease expect a wait of 2-3 years.ā€ When I asked if they use LLMs to speed up work, he joked that they use scanners and fax machines. @_FriedrichMerz please fix!.
1
0
4
@JohannesMutter
Johannes Mutter
1 month
@argyleink Do you have any suggestions on how to better deal with the small imprecision and make the buffer obsolete for this CSS-only Masonry grid?šŸ™.
0
0
0
@JohannesMutter
Johannes Mutter
1 month
Here's a simplified demo + code of my above version:. In my application, I also dynamically account for the length of the card text, font size and width of different character shapes.
Tweet card summary image
svelte.dev
Web development for the rest of us
1
0
0
@JohannesMutter
Johannes Mutter
1 month
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
1
0
5
@JohannesMutter
Johannes Mutter
1 month
I find brands that quote/ retweet the posts of their employees instead of sharing them ā€œanonymouslyā€ on their corporate website more authentic. The future of brand communication is an umbrella brand (with shared beliefs & values) that gathers a multitude of real personal brands.
@AlexOnchain
Alex
1 month
companies that are afraid to let employees have personal brands are going to be left behind.
0
0
1
@JohannesMutter
Johannes Mutter
1 month
What if homes touched the earth lightly, not forever?.Architecture unshackled from land, guided by lightness, longevity, and logic. Let’s build housing that’s as adaptable as we are.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
0
3
@JohannesMutter
Johannes Mutter
1 month
This model unlocks:.- Lower costs (no notary, no land purchase, fewer interest payments to the bank).- Circular construction.- Community-driven land management.- Resilience against housing crises & speculation bubbles.- Homes defined by intelligence and intent, not by permanence.
Tweet media one
1
0
3
@JohannesMutter
Johannes Mutter
1 month
Ownership shifts from soil to structure. You lease the land (say, 99 years), but fully own your home. It’s financeable, mobile, sustainable. No speculation. No mortgages tied to dirt. Housing becomes infrastructure, not commodity
Tweet media one
1
0
4
@JohannesMutter
Johannes Mutter
1 month
Imagine this: HOMES THAT DON’T TOUCH THE GROUND.šŸļø The land stays in public or community hands.šŸ“¦ Your home is precision-engineered, modular, demountable, & built for disassembly.šŸ”Œ It ā€œdocksā€ onto pillar foundation.No land ownership, no notary, no property transfer headaches
Tweet media one
1
0
3
@JohannesMutter
Johannes Mutter
1 month
Buying a home today means navigating lawyers, legacy systems, and excessive fees – sometimes 15% of the purchase price. We’ve accepted this as normal. Why is transferring shelter more complex than buying a car? What if we could rethink housing from the ground up – literally?
Tweet media one
1
1
6
@JohannesMutter
Johannes Mutter
1 month
Is there a standard for comment syntax that agentic code tools should ignore? .Similar to a preprocessor directive that excludes specific lines from the context.
1
0
2
@JohannesMutter
Johannes Mutter
1 month
Optimise for: »I wouldn't exchange this for anything in the world.«.
0
0
2
@JohannesMutter
Johannes Mutter
2 months
Our rich content editor is taking shape. Now with graph model and a full rewrite by @_mql .It’s designed to be lightweight so you can ship an editable frontend.
@_mql
Michael Aufreiter
2 months
2 months worth of work just landed in Svedit. Demo: Code:
1
1
13
@JohannesMutter
Johannes Mutter
2 months
IMO, owning a self-driving car will only make sense if you treat its onboard supercomputer like an Airbnb. Renting out its processing power during the 95% of the time it sits idle.
0
0
3
@JohannesMutter
Johannes Mutter
2 months
30years to get the last 1% right:.From first autonomous transcontinental ride to Level4. Interview with Vincent Vanhoucke (Waymo).
0
1
2
@JohannesMutter
Johannes Mutter
2 months
We have gone from:.engineerĀ Ā <|>Ā Ā designer Ā <|>Ā Ā user.to:.design-engineerĀ Ā <|>Ā Ā user.to now:.user-design-engineer. Tools that still use separate language systems will fall behind. You need to build bridges so people can talk to each other and the system they use async/sync.
0
0
3
@JohannesMutter
Johannes Mutter
2 months
Fast syntax highlighting in < 100 lines of code with. No DOM manipulation. No gazillion spans. Just a single <div>. Can you guess how?
Tweet media one
3
1
7