Manuel Matuzović

frontend developer and consultant
HTML, CSS, accessibility
big fan of <button>s
creator of HTMHell
Web Accessibility Cookbook

blog: https://matuzo.at/blog
HTMHell: https://www.htmhell.dev
Pixelfed: https://pixelfed.de/matuzo
Web Accessibility Cookbook: https://accessibility-cookbook.com

Public Key

npub13dmg5540x6eauacjxj2q6tpzhrswwe2detp9wgplmdmpw3nfz0ssz8lj2t

NIP-05 Address

[email protected]

Profile Code

nprofile1qqsgka5222hndv77wufrf9qd9s3t3c88v4xu4sjhyqlakashge538cgprpmhxue69uhhyetvv9ujumt0d4hhxarj9ecxjmntd55znt

Publishing to

relay.momostr.pink

Author Public Key

npub13dmg5540x6eauacjxj2q6tpzhrswwe2detp9wgplmdmpw3nfz0ssz8lj2t

Show more details

Last Notes

2026-04-17 07:00:58 GMT

- reply

, haha, the good thing is that the CSS community, and especially the CSSDay crowd, is super friendly. :)

2026-04-17 06:38:35 GMT

Nothing triggers my imposter syndrome more than looking at this line-up.
https://cdn.masto.host/frontendsocial/media_attachments/files/116/418/667/986/076/450/original/30d8d2d8fd8bd11d.png

2026-04-09 10:24:53 GMT

I've never been to @npub1m59…vzhq before, but I've heard nothing but good things about it. Plus, none other than @npub18vj…g4zy is speaking this year.
May 27-29, 2026, in Prague
Get a ticket and use my promo code FEGRAZ26 to get a 50-euro discount!
https://cdn.masto.host/frontendsocial/media_attachments/files/116/374/245/702/065/979/original/7e4384894a14b044.jpg

2026-03-25 07:58:36 GMT

- reply

Oh, yeah, I was referring to the incorrect pronunciation. :) Veet is correct, but for me it's always white before I correct myself.

2026-03-25 07:14:25 GMT

I know how to pronounce Vite correctly, but my brain just doesn't accept it.

2026-03-12 14:47:29 GMT

The font-size-adjust property allows you to specify the aspect value for a font. This tool calculates it for any font installed on your machine. Use this value as your font-size-adjust number. via @npub19y6…9s94 #webDayOut
https://clagnut.com/sandbox/font-size-adjust-ex.html

2026-02-19 15:45:44 GMT

I'm proud to announce that I just successfully edited a regex someone else wrote without any help.

2025-12-19 14:23:22 GMT

It's wild how different CSS looks today
https://cdn.masto.host/frontendsocial/media_attachments/files/115/746/680/096/556/878/original/674587448e206038.jpg

2025-12-13 20:52:47 GMT

- reply

On day 13 @npub1scj…w83r presents one of my favourite debugging tools. #htmHellAdventcalendar
https://htmhell.dev/adventcalendar/2025/13/

2025-12-13 06:49:42 GMT

- reply

On day 12 Manuel Sanchez lists things we need to consider when using Math on the web. #HTMHellAdventcalendar
https://htmhell.dev/adventcalendar/2025/12/?m

2025-12-11 21:22:11 GMT

- reply

On day 11 @npub1uvp…6zv7 shares what he knows about HTML for ePub. #htmHellAdventcalendar
https://htmhell.dev/adventcalendar/2025/11/

2025-12-10 19:44:07 GMT

- reply

On day 10 @npub1q24…klcr revisits the 1st rule of ARIA, which he originally formulated, and there's also something about beavers…I think. #HTMHellAdventcalendar
https://htmhell.dev/adventcalendar/2025/10/

2025-12-10 08:20:05 GMT

- reply

On day 9 you discover dialog with @npub1jpy…yfwv. #htmhellAdventCalendar
https://htmhell.dev/adventcalendar/2025/9/

2025-12-09 16:45:00 GMT

I've added commenting to posts on HTMHell. Could you spare a minute and test it? I'd really appreciate your feedback.
You can try any of the 9 published posts.
Thank you! 🖤
https://htmhell.dev/adventcalendar/

2025-12-08 22:15:26 GMT

- reply

On day 8 @npub152k…te0s illustrates how the fact that HTML is so forgiving can be a blessing and a curse. #htmhellAdventCalendar
https://htmhell.dev/adventcalendar/2025/8/

2025-12-07 19:45:29 GMT

- reply

On day 7 @npub10y5…wxfc introduces the Invoker Commands API. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2025/7/?s=1

2025-12-06 21:59:45 GMT

- reply

On day 6 @npub1kjw…4unz reminds us how powerful the lang attribute is #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2025/6

2025-12-05 21:18:44 GMT

- reply

On day 5 @npub129a…2fex dives deep into IDREFs. #htmhellAdventCalendar
https://htmhell.dev/adventcalendar/2025/5/

2025-12-04 19:57:41 GMT

- reply

On day 4 @npub1lnt…ygss introduces us two future solutions for creating cross-root references. #htmHellAdventCalendar
https://htmhell.dev/adventcalendar/2025/4/

2025-12-04 05:42:59 GMT

- reply

On day 3 @npub10h2…w5v7 introduces us to Speculation Rules and recent improvements to the API that help us speed up our websites. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2025/3/

2025-12-03 15:21:13 GMT

What's the best alternative to Spotify? Have you switched from Spotify to another service? Do you miss anything?

2025-12-02 19:10:07 GMT

- reply

On day 2 @npub1s9m…pr63 reminds us of a hellish deprecated element in HTML: `<plaintext>`
https://htmhell.dev/adventcalendar/2025/2/

2025-12-01 20:52:13 GMT

On day 1 of the #HTMHellAdventCalendar @npub12du…4aqy describes an accessibility issue that can arise when you use popovers and dialogs together.
https://htmhell.dev/adventcalendar/2025/1/

2025-12-01 07:41:44 GMT

It's December 1st, which means that throughout the entire month you should reserve 5-10 minutes every day to read a fantastic article about HTML. ❤️‍🔥
Check out what's hidden behind the first door.
https://htmhell.dev/adventcalendar

2025-12-01 05:52:15 GMT

My daughters Phili and Oli turned 2 today. 😍😍

2025-10-18 20:03:22 GMT

- reply

my post was inspired by the warning and usage note on this page. :)
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#attributes

2025-10-18 18:59:16 GMT

MDN is _a_ resource, not _the_ resource. Just because it's generally good, doesn't mean it's always right. Read the spec and always do your own testing.

2025-09-23 06:33:31 GMT

So far I've received 11 submissions for this year's #HTMHellAdventCalendar. They look fantastic, but, you know, I need at least 24.
You can write about anything you want related to HTML. There's no “too basic”; we need more fundamental HTML knowledge out there because we suck at the basics. Also, if you're a first time writer I'm happy to assist you personally.
Please submit your ideas! 🖤
https://docs.google.com/forms/d/e/1FAIpQLScaZrdT1xgu8r6t6HJbAZsMIsoJq0doP4Y2zxo4L13JkAHwlA/viewform?usp=dialog

2025-09-19 20:18:24 GMT

Yesterday a colleague showed me this PWA showcase and I was surprised what's possible. Pretty cool, makes me want to build one.
https://whatpwacando.today/

2025-09-01 17:17:00 GMT

Oh, it's September already. Time for the HTMHell Advent calendar Call for Papers! 🖤
https://docs.google.com/forms/d/e/1FAIpQLScaZrdT1xgu8r6t6HJbAZsMIsoJq0doP4Y2zxo4L13JkAHwlA/viewform

2025-08-20 09:39:03 GMT

Please, post a link to your personal website. I need inspiration!

2025-08-14 18:31:45 GMT

It's about a month before I present a new talk, which means that imposter syndrom is now in full force. I know it's going to be fine but I hate that feeling.

2025-07-19 16:38:50 GMT

- reply

Die österreichische Version von Alter. :)

2025-07-19 16:28:33 GMT

Oida ich bin grad in der Grazer Innenstadt gesessen als zwei Möwen an uns vorbeigeflogen sind. 🙃

2025-07-17 08:30:29 GMT

Here's an example of a page with a lot of animation that respects reduced motion settings.
https://www.nintendo.com/us/store/products/donkey-kong-bananza-switch-2/

2025-06-13 07:47:42 GMT

I'm trying to audit a website but all I can do is stare at fucking loading spinner because there's something wrong with the JavaScript.
Using client-site rendering for a regular non-application like website is a sign of incompetence because you don't know what's best for your users.

2025-06-04 17:50:58 GMT

The amount of skip links that don't work and back to top links that only scroll the page is too damn high.

2025-05-27 10:45:10 GMT

“A <div> is not a <button>, but a <Button> is often a <div>.”
- @npub1jpy…yfwv

2025-05-27 08:14:06 GMT

- reply

I was surprised a site was already using cascade layers and so were they. "I think that's …something tailwind does". Another team had never heard of terms like web components, Lighthouse, or caniuse. That's fine, of course. I understand that I'm in a very specialised bubble, like most of you, but I expected that a front end dev would've at least heard of some of these terms. Anyways, I don't know what to do with that insight. I just felt like sharing it with you. :) 2/2

2025-05-27 08:13:53 GMT

Working with different teams as an external consultant I learned that many devs don't deal too much with native HTML, CSS, or JS. Building websites for them means using a framework, component library, or Tailwind. I knew that, but I was surprised how disconnected they were from the standards world. It's almost as if web development means something completely different to them. My suggestions mostly involved solutions in vanilla HTML, CSS, and JS, but I feel like often these weren't useful. 1/2

2025-05-27 06:27:38 GMT

Stack overflow is almost dead
“as soon as ChatGPT came out, the number of questions asked declined rapidly. ChatGPT is faster and it’s trained on StackOverflow data, so the quality of answers is similar. Plus, ChatGPT is polite and answers all questions, in contrast to StackOverflow moderators.” lol
https://blog.pragmaticengineer.com/stack-overflow-is-almost-dead/?ref=sidebar

2025-05-13 19:58:22 GMT

I love client-side rendering! ❤️
https://cdn.masto.host/frontendsocial/media_attachments/files/114/502/283/614/555/329/original/290c71f410aa8d65.png

2025-05-09 15:18:12 GMT

Three things you can do to make your talks better:
1. Don't refer to a slide without describing or reading it. Saying something like "and then you geht this" and pointing to the slide will only work for sighted people, who understand what you're showing, and sit close enough to read it.
2. Repeat comments and questions from the audience so that everyone can hear it.
3. If you use memes (please only do it sparingly) explain them. Don't assume that everyone knows and understands every meme.

2025-04-28 09:46:33 GMT

Currently, you should be especially cautious when you read articles about accessibility by people who haven't written much or nothing about the topic before.
There are a lot of new “experts” that try to cash up because the EAA draws in a lot of attention.

2025-04-24 11:08:54 GMT

@npub1tsg…0qlp is such a fantastic speaker and teacher! Watch her talk “Bag of spanners”.
https://www.youtube.com/watch?v=x7oWnBiyP10

2025-04-16 06:56:57 GMT

I'm surprised to see so much love for nesting. I always thought that it was overrated.
https://front-end.social/@matuzo/114346211149352958

2025-04-14 05:49:34 GMT

My entire April and May are packed, but if I had the time, I would attend this workshop by @npub1szd…5a79 ! Sounds super interesting!
“Take your sites to the next level with this 3-session workshop on building more resilient and maintainable web layouts using modern CSS.”
https://www.oddbird.net/workshops/cascading-layouts/

2025-04-03 09:51:01 GMT

Oh, there's a record I want. 38 Euro, pretty expensive, but okay. Oh, it ships from the UK: 15 Euro shipping and 12 Euro customs. 65 Euro for a 38 Euro record. Nooooope.

2025-04-03 06:25:42 GMT

Here's the first of many smaller projects I plan to release this year:
A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets.
https://fokus.dev/tools/uaplus/

2025-03-31 09:12:10 GMT

I always believed that designers _should_ know the basics of HTML and CSS. Having learned a bit more about design tools and systems recently I'm convinced that good designers _must_ know the basics of HTML, understand the possibilities and limitations of CSS, and most importantly how frontends are built.
You can't write a good recipe if you don't know the ingredients and how they're prepared.

2025-03-30 12:45:29 GMT

State of the Browser was wonderful! Thank you so much @npub1la3…w653 and team! I'm definitely returning as an attendee and/or sponsor! ❤️
If you're tired of multi-track corporate events and looking for a lovely community event @npub1nkt…dfpq State of the Web is what you need! #sotb2025

2025-03-28 09:59:56 GMT

I miss my four girls already 😭

2025-03-28 06:17:18 GMT

On my way to London for State of the Browser. I'm looking forward to meeting old and new friends. ❤️
First stop: Vienna Airport. #sotb
https://cdn.masto.host/frontendsocial/media_attachments/files/114/238/589/784/464/451/original/5e8fe12db5bff558.jpg

2025-03-19 06:42:57 GMT

Full-Stack developers writing HTML.
https://cdn.masto.host/frontendsocial/media_attachments/files/114/187/717/980/223/555/original/cea0148d39472d43.jpg

2025-03-18 21:56:30 GMT

- reply

nothing, just an observation 😁

2025-03-18 21:25:59 GMT

discord feels like slack but for kids

2025-03-18 20:56:30 GMT

I just tried to reset my discord password and I got this. The first image is the visual captcha challenge and the second image is the text alternative.
Who on earth believes that are appropriate challenges? For the first you need perfect eye-sight and dexterity, for the second a degree.
I hate CAPTCHA so much.
https://cdn.masto.host/frontendsocial/media_attachments/files/114/185/392/685/979/527/original/b503fb78e1cc389e.png
https://cdn.masto.host/frontendsocial/media_attachments/files/114/185/392/606/187/656/original/d0915bd7508b6872.png

2025-03-07 09:29:05 GMT

- reply

It's in the spec. It isn't active by default, only ESC. You can disable any user initiated close by setting `closedby="none"`.
https://html.spec.whatwg.org/#the-dialog-element

2025-03-07 09:17:18 GMT

The latest version of Chrome comes with a new light-dismiss behavior for the dialog element, which enables a native click-outside feature. That's fantastic! Reading the announcement, I wondered how many ways there are to close a dialog element.
https://matuzo.at/blog/2025/close-requests-dialog?u=1

2025-03-06 12:52:23 GMT

- reply

I feel like I will have to talk really slowly to fill all sessions. 😁

2025-03-06 12:17:13 GMT

I'm supposed to teach ARIA in 16 45 minute sessions at a uni in Austria. That's going to be quite a lot of material I'll have to prepare. Now I'm wondering how I can reuse it. Would you be interested in an ARIA deep dive video course? (For money, of course, but not expensive).

2025-03-06 10:06:45 GMT

- reply

I switched to LibreWolf, a privacy focused fork of Firefox, as my main browser.
https://librewolf.net/

2025-03-04 07:32:53 GMT

- reply

I just deleted my Instagram permanently. ✌️

2025-03-03 06:58:59 GMT

The meeting between Volodymyr Zelenskyy and Trump in the Oval Office gave me a wake-up call. #unplugtrump
https://matuzo.at/blog/2025/unplug-trump

2025-02-17 10:07:26 GMT

We seriously need to talk more about the practical negative implications of accessibility overlays. It's unbelievable how badly they work. We must educate people and display bad examples publicly. People don't know what they're getting for their money.

2025-02-15 06:56:01 GMT

Yesterday I watched someone buy 9 roses. The paid 72 Euro. Seventy two euro. 🙃

2025-02-06 19:50:03 GMT

- reply

79 minutes

2025-02-06 19:42:12 GMT

Waiting for my train home. 50 minutes delayed already.

2025-01-27 11:55:30 GMT

I love how they actually made the font available for everyone. 😁
https://www.youtube.com/watch?v=6olcrGYuTmY
(via sidebar.io)

2025-01-21 08:33:27 GMT

- reply

Im Ö1 Morgen Journal haben sies auch nicht erwähnt. In den Online Tageszeitungen ist nur die Rede von einer Hitlergruß-ähnlichen Geste. Traurig.

2025-01-12 22:50:25 GMT

A year in review: 2023
https://www.matuzo.at/blog/2025/a-year-in-review-2023

2025-01-10 10:18:59 GMT

- reply

Well, then I'll try to make it happen. ;)

2025-01-10 09:42:51 GMT

- reply

What do you think about this idea for a talk?
“Some new features in CSS only show their real potential when we radically break with old habits. Doing that on an existing website is almost impossible. That's why Manuel built a new project from scratch with modern CSS and questioned every line of code he wrote.
In this talk, he presents what he has learned and encourages you to review your best practices.”

2025-01-10 09:35:18 GMT

Writing good talk descriptions is hard.

2025-01-06 07:54:48 GMT

This year I want try kind of a 4-day working week. Mondays till Thursdays I do mostly billable work. Friday is reserved for blogging, learning, watching talks, and other fun stuff. Let's see how that works.

2025-01-02 12:47:36 GMT

An affordable conference with a great line up in an exciting city. Sounds too good to be true? Well, that's State of the Browser on March 29th in London! Join me and many (soon to be announced) others. 💜 @npub1nkt…dfpq
https://2025.stateofthebrowser.com/

2025-01-02 07:25:02 GMT

Browsing through my feed I realized that I still don't have the emotional and intellectual capacity to think about web dev. I'll have to chill for a couple of more days. ✌️

2024-12-20 12:22:15 GMT

- reply

use to be the intended behaviour but will change soon. Afaik it's already different in TP.

2024-12-19 12:58:34 GMT

- reply

If you ask me it should be like that in all browsers because the property and value apply layout containment which creates a fixed positioning containing block. Or am I wrong @npub1szd…5a79?

2024-12-16 12:13:51 GMT

My theory is that some teams have a wheel of fortune in their offices and every time they need an attribute they spin the wheel and take whatever it gives them.
https://cdn.masto.host/frontendsocial/media_attachments/files/113/662/441/181/057/924/original/9626fc1ed5d4407d.png

2024-12-16 09:47:35 GMT

Kid: Dad, what do you do at work?
Me: I charge 150 Euro per hour to explain people that this is not high-quality code.
https://cdn.masto.host/frontendsocial/media_attachments/files/113/661/858/434/883/147/original/9c74dbd41eee807b.png

2024-12-10 08:25:57 GMT

- reply

On day 10 @npub1vas…vsh8 shares something he recently learned about forms. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/10/

2024-12-09 09:26:16 GMT

- reply

On day 9 @npub1d4w…2d8t builds a light/dark color scheme switcher. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/9/

2024-12-08 07:16:35 GMT

- reply

On day 8 @npub1uej…t62s shows us how we can learn from the past and take that into the future. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/8/

2024-12-07 16:12:45 GMT

Oh, hey, a dropdown.
*click* nothing
*click* nothing
*click* nothing
…
1.4 MB JavaScript later.
*click* dropdown opens
1.4MB may not sound like a lot but that's huge and on a slow connection hydration makes the website feel broken.

2024-12-07 06:05:55 GMT

- reply

On day 7 @npub1tsg…0qlp illustrates how good AI is at accessibility. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/7/

2024-12-06 07:56:51 GMT

Does anyone know of a good summary on how to use Voice Control on macOS in a browser?

2024-12-06 06:03:45 GMT

- reply

On day 6 Weston Thayer discovers what happens if aria-labelledby points within. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/6/

2024-12-05 06:33:40 GMT

- reply

On day 5 @npub19g0…spyl teaches us about the positive affects of using semantic HTML on forced colors mode.
https://htmhell.dev/adventcalendar/2024/5/

2024-12-04 05:20:07 GMT

- reply

On day 4 @npub159n…rz7e shows us how to control the viewport resize behavior on mobile. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/4/

2024-12-03 07:04:00 GMT

- reply

On day3 @npub13wv…wezp explains how to create smooth multi-page experiences with just a few lines of CSS. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/3/

2024-12-02 06:23:11 GMT

- reply

On day 2 @npub129a…2fex tells us where the autofocus attribute shines. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/2/

2024-12-01 20:09:33 GMT

- reply

On day 1 @npub154h…zn7m explains how to write the alt text for a linked logo in a header. #HTMHellAdventCalendar
https://htmhell.dev/adventcalendar/2024/1/

2024-12-01 07:59:35 GMT

It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel.
Enjoy!
https://htmhell.dev/adventcalendar/

2024-12-01 07:41:02 GMT

Throughout the entire pregnancy we didn't know whether they would make it both. Today Olivia and Philippa turn 1 year. ♥️
I'm so happy and grateful for my three beautiful daughters.
Happy birthday Oli and Phili! ♥️
https://cdn.masto.host/frontendsocial/media_attachments/files/113/576/417/482/646/173/original/df4f5ebcc8005326.jpg

2024-11-25 10:15:28 GMT

Man, I'm so tired. Can't wait for the winter break. The last two months were demanding. 😅

2024-11-14 14:23:50 GMT

- reply

https://www.matuzo.at/blog/2022/100daysof-day63/

2024-11-14 13:53:06 GMT

- reply

exactly! I don't understand why you would warn users when they're using a valid property properly.

2024-11-14 13:01:47 GMT

- reply

yeah because outline and outline-offset aren't inheritable.

2024-11-14 12:03:22 GMT

- reply

buuuut that's not really true. Initial “removes” all UA styles. unset does that only for non-inheritable properties. That's why I like to use it for buttons.
```
button.unset {
all: unset;
}
button.unset:focus-visible {
outline: 4px solid red;
outline-offset: 20px;
}
```