Martin Wolf

@martinwolf
234 Followers
80 Following
153 Posts
I write Cascading Style Sheets and Hypertext Markup for a living.
Hobbyhttps://instagram.com/martin.paints.minis
Workhttps://nion-digital.com
Sustainabilityhttps://nion.digital/swa
Accessibilityhttps://nion.digital/a11y

I love writing CSS and HTML by hand, but I've also accepted that that's no longer possible in my day-to-day. But the projects I work on and the way I work is not really suited for just using full fledged existing design system.
My hope is that with these underlying bones I can contribute my expertise and code quality in another way to the projects I build while still speeding up the process with the help of AI.
I'm actually very excited about this!

Let's see if the idea works out as I hope!

I'm currently working on "Web UI Patterns for AI Agents".

Not a design system like shadcn/ui or material design or w/e you fancy, but a curated reference of vanilla HTML + CSS + JS UI patterns, designed for AI coding agents to consume when generating user interfaces. Each pattern is a vetted set of "bones" so to speak, which can be used by the agent when generating code from design, either by using it plainly or as the structural truth when generating framework-native code.

That's the idea.

Today the Web Sustainability Guidelines (WSG) became a First Public Draft Note.

This specification defines web-focused guidelines that use planetary, people, and prosperity principles (the PPP approach) throughout the decision-making process, allowing users to minimize their environmental impact in various way.

https://www.w3.org/news/2025/web-sustainability-guidelines-wsg-becomes-a-first-public-draft-note/

#sustainability

Web Sustainability Guidelines (WSG) becomes a first public Draft Note

This specification defines guidelines that use planetary, people, and prosperity principles (the PPP approach) throughout the decision-making process, allowing users to minimize their environmental impact in various ways.

W3C
My new favourite mini game: Task the Ai to debug a code issue while trying it manually at the same time and see who is faster.
Remember the MacBook Air with the tapered edge? I sometimes think about this incredible piece of tech. I got mine in 2012 and used it everywhere and for everything until the day the battery was just not holding enough power anymore. I loved that thing. MacBooks that came after it might have been thin and had better displays and and and, but none have ever been as nice to use as the MacBook Airs with the tapered edge.

I attended #eAccess24 today, and there was one sentence I particularly liked:

“If it’s not ready for everyone, it’s not ready for anyone.”

It honestly sounds like a fantastic guiding principle. #a11y

Just watched the CSS Day 2024 talk by @matthiasott - Highly recommended for every frontend developer and designer as well. Bridge the gap, work together.

https://www.youtube.com/watch?v=su6WA0kUUJE&list=PLjnstNlepBvO0-I7iwqpkOY_fwAop6Pl-

Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024

YouTube
there is only one hard problem in computer science: abstracting the entirety of CSS into HTML classes

I'm looking for an apartment in Hamburg.

If you know somebody or know somebody who knows somebody: Let me know!

I also built this little site that can be shared with friends an colleagues, in case they can help. 🫶

https://eine.wohnung.fuer.marcel.io/

Eine Wohnung für Marcel

Marcel sucht eine Wohnung in Hamburg und verspricht 200 € Finderlohn

🫣