Email or username:

Password:

Forgot your password?
9 posts total
Manuel Matuzović

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!

htmhell.dev/adventcalendar/

Αlbrесht Κöhnlеin 🚀

@matuzo Thanks for the advent calendar and thanks for this first article to @rianrietveld

But may I ask why you suggest to add “to the homepage” to the alt text while we never do something similar for sighted users? We expect all sighted users to know that a linked logo leads to the home page. Why should users who rely on the alt text not know that?

Manuel Matuzović

You have eight more days to submit your idea for the 2024 HTMHell advent calendar.

So far, I've received ten proposals. 🔥

docs.google.com/forms/d/e/1FAI

Manuel Matuzović

Attention! Attention! The 2024 HTMHell advent calendar call for papers is here! If you want to contribute to this year's calendar, submit your ideas by October 9th.

This year differs from last year: Instead of a full-length article, I'd love to see your favorite code snippet in HTML and a few words explaining what you like about it and how it benefits users.

htmhell.dev/adventcalendar/

Submission form: docs.google.com/forms/d/e/1FAI

Attention! Attention! The 2024 HTMHell advent calendar call for papers is here! If you want to contribute to this year's calendar, submit your ideas by October 9th.

This year differs from last year: Instead of a full-length article, I'd love to see your favorite code snippet in HTML and a few words explaining what you like about it and how it benefits users.

Manuel Matuzović

Day 109: the animation-composition property

CSS animations can be composited in three ways: replace, add, and accumulate. The animation-composition property allows you to switch between them.

#100DaysOfMoreOrLessModernCSS

matuzo.at/blog/2024/100daysof-

Manuel Matuzović

The Web Accessibility Cookbook is now officially released and the dates are finally correct on Amazon. It should be available everywhere now! 🎉
If you buy it on Amazon, bol, etc. and you also like the book, please leave a comment and rating. If you don't like the book, please don't. 😁

Manuel Matuzović

I don't understand how Harry Mack is able to get better and better with his freestyles. He's spitting incredible bars off the top of the dome while I can barely articulate myself. He's so amazing that I've never skipped a single video.

youtu.be/T9HOBSrcXC0?si=5PWuI_

alain0

@matuzo I know! Truly a different clock speed this guy...

Manuel Matuzović

Here's what I'll do today and it would be great if you would join me.

On the website you're working on today, find a stylesheet and add the following rule.

```
*, *:hover {
cursor: none !important;
}
```

That forces you to use the keyboard. If you find something that makes it hard or impossible to do using the keyboard, fix it! Not just for yourself but for everyone relying on keyboard accessibility.

Edit: fixed code formatting

Here's what I'll do today and it would be great if you would join me.

On the website you're working on today, find a stylesheet and add the following rule.

```
*, *:hover {
cursor: none !important;
}
```

That forces you to use the keyboard. If you find something that makes it hard or impossible to do using the keyboard, fix it! Not just for yourself but for everyone relying on keyboard accessibility.

Manuel Matuzović

Aahhh, okay, looks like I forgot to add a skip link. 😬

Manuel Matuzović

Modern Font Stacks

The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.

modernfontstacks.com/

Show previous comments
mhd

@matuzo You know you've been reading too much typography stuff when the first thing that comes to mind when reading that title is "Modern fonts? But Bodoni looks horrible on low-DPI screens!"

Christian Pietsch 🍑

@matuzo Sounds promising, but on Android I only see one kind of serif, one kind of sans-serif, one kind of fixed-width font. And the script font appears as sans-serif. Tested with LineageOS 20.

screenshot of the Handwritten (script) font sample on GitHub
Go Up