Matthias Zöchling's Avatar

Matthias Zöchling

@cssence.com

#CSS enthusiast & #A11Y advocate. Makes websites and design systems. Works for https://george-labs.com in Vienna, Austria.

124
Followers
116
Following
97
Posts
06.11.2024
Joined
Posts Following

Latest posts by Matthias Zöchling @cssence.com

A new meta tag for respecting text scaling on mobile
A new meta tag for respecting text scaling on mobile YouTube video by HTMHell

After watching youtu.be/XVIgKEOVfVg, where @matuzo.at talks about the new HTML text-scale meta tag, I had to revise my »Breakpoints« article from last week.

05.03.2026 20:06 👍 2 🔁 0 💬 0 📌 0
X11 color names - Wikipedia

Check out “Clashes between web and X11 colors in the CSS color scheme” under en.wikipedia.org/wiki/X11_col...

05.03.2026 13:54 👍 2 🔁 0 💬 0 📌 0
The color “gray” in CSS is actually darker than than the color “darkgray”.

The color “gray” in CSS is actually darker than than the color “darkgray”.

There’s a typo on the body element, namely `bacgkround: gray;`, but the tragedy is real.

04.03.2026 15:47 👍 13 🔁 0 💬 2 📌 1
Preview
Rebase feature branch Here’s what I do when my target branch got amended.

✍️ I usually write about HTML, CSS and JS. Doing a bit about git feels alien to me. Primarily I put it out there to attract crowd wisdom.

cssence.com/2026/rebase-...

#git

04.03.2026 10:19 👍 1 🔁 1 💬 0 📌 0
Preview
Print first Forget Mobile First. Providing Styles for Print should be your first media query.

That reminds me, my Print First movement never took off. 🫣

cssence.com/2015/print-f...

27.02.2026 05:27 👍 1 🔁 0 💬 0 📌 0
Preview
Breaking points Will your site load under extreme conditions?

✍️ Part Two of my miniseries about edge cases in web design:

Will all the resources on your site finish loading?

Only at the best of times.
cssence.com/2026/breakin...

#WebDev #WebDesign

25.02.2026 07:14 👍 1 🔁 1 💬 1 📌 0
Preview
Modern CSS Code Snippets | modern.css A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.

Modern #CSS code snippets, side by side with the old hacks they replace.

25.02.2026 10:10 👍 9 🔁 1 💬 0 📌 0

Long Distance High Five! 🙂

25.02.2026 07:40 👍 0 🔁 0 💬 0 📌 0
Preview
Your Framework is Showing The one where I’ve had enough of the same Next.js error

Seconds after I posted my latest article I ran into this gem from @dbushell.com, so I‘m gonna to link to it:

dbushell.com/2025/06/13/y...

Throwing such an error message towards your visitors violates my “Fail gracefully” bullet point.

25.02.2026 07:30 👍 1 🔁 0 💬 1 📌 0
Preview
Breaking points Will your site load under extreme conditions?

✍️ Part Two of my miniseries about edge cases in web design:

Will all the resources on your site finish loading?

Only at the best of times.
cssence.com/2026/breakin...

#WebDev #WebDesign

25.02.2026 07:14 👍 1 🔁 1 💬 1 📌 0
Preview
Continvoucly Morged Value · Matthias Ott Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

First order of business: Read »Con­tin­voucly Morged Value« by @matthiasott.com

> The care is the work.
>
> The care creates the value.
>
> AI doesn’t care. AI is just another tool.

matthiasott.com/notes/contin...

24.02.2026 08:07 👍 1 🔁 0 💬 0 📌 0

Wow, that’s tiny. Thanks for the tip.

23.02.2026 08:17 👍 1 🔁 0 💬 0 📌 0
Preview
Breakpoints Screen resolutions and the 320/360 devide mishap.

Part One of my miniseries about edge cases in web design:

What is the agreed-upon minimum resolution? 320px, 360px?

It’s complicated.
cssence.com/2026/breakpo...

#CSS #WebDesign

23.02.2026 05:35 👍 8 🔁 3 💬 4 📌 0
Preview
Webspace Invaders · Matthias Ott There’s something happening on the Web at the moment that almost feels like watching that old arcade game Space Invaders play out across our servers. Bots and scrapers marching in formation, attacking...

✍️ New article: Webspace Invaders

👾👾👾👾👾👾👾👾👾👾👾👾

matthiasott.com/articles/web...

09.02.2026 00:29 👍 72 🔁 31 💬 11 📌 7
Preview
Making interesting borders with CSS corner-shape You can make cool beveled, rounded, notched, scooped, and elliptical borders with the new CSS corner-shape property!

corner-shape is one of those things where when you first see it, it's like "oh cool, I can make a scoop!" It's something new, which is fun, but it can be hard to think of good use cases.

But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...

05.02.2026 12:49 👍 39 🔁 9 💬 4 📌 0
Graphic with Chrome for Developers branding, a location permission dialog saying “permission.site wants to Know your location,” buttons “Allow while visiting the site” and “Allow this time,” and text “Introducing the  HTML element” with a “Use location” button.

Graphic with Chrome for Developers branding, a location permission dialog saying “permission.site wants to Know your location,” buttons “Allow while visiting the site” and “Allow this time,” and text “Introducing the  HTML element” with a “Use location” button.

Introducing the <geolocation> HTML element. Chrome 144 adds a declarative, click-to-share location control that reduces boilerplate and improves user intent signals, with origin trials showing fewer capture errors, better user flows, and recovery. #html #api

developer.chrome.com/blog/geoloca...

22.01.2026 12:03 👍 4 🔁 4 💬 1 📌 0
Video thumbnail

You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed?

The solution is simpler than you think.

With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳

16.01.2026 17:56 👍 272 🔁 38 💬 9 📌 3
Preview
Better defaults for popovers - Manuel Matuzovic I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

What a week! With the release of Firefox 147 Anchor Positioning became Baseline Newly Available, and thanks to @matuzo.at I learned that popovers have an implicit anchor. Sweet!

matuzo.at/blog/2026/be...

#CSS

16.01.2026 18:45 👍 7 🔁 1 💬 0 📌 0

If you don’t care about text-based web browsers (I can’t blame you), this article doubles as a list of all the cool stuff that got added to HTML.

09.01.2026 06:28 👍 0 🔁 0 💬 0 📌 0

Oof! That rabbit hole wasn’t even on my radar.

08.01.2026 22:11 👍 0 🔁 0 💬 0 📌 0
Preview
Text-based web browsers How do they fare with (not so) recent additions to HTML?

It’s 2026 and text-based web browsers still do not know how to handle (not so) recent additions to HTML.

cssence.com/2026/text-ba...

#HTML #WebDev

08.01.2026 20:38 👍 0 🔁 0 💬 1 📌 1
Preview
Hyphenation Consistent browser behavior, but still hard to grasp.

Fully agree.

> Nevertheless, CSS is awesome.
https://cssence.com/2024/hyphenation/

02.01.2026 16:26 👍 1 🔁 0 💬 0 📌 0
Preview
Drop caps with initial-letter Do we still need floats to create a large first letter in a paragraph in 2023?

Agreed.

I just looked at caniuse, this is sadly still `display: float` territory.

cssence.com/2023/drop-ca...

02.01.2026 16:16 👍 1 🔁 0 💬 0 📌 0
Preview
Justified Text: Better Than Expected? Do new CSS properties make justified text with automatic hyphenation more viable?

Having read cloudfour.com/thinks/justi... by @tylersticka.com et al., I learned about `hyphenate-limit-chars`, and in a nanosecond it jumped to the top of my list of #CSS properties that I’d like to see full support across browsers.

(Sure, it can be progressively enhanced, but still.)

02.01.2026 12:25 👍 5 🔁 2 💬 3 📌 0
CSS Container Style Queries | Can I use... Support tables for HTML5, CSS3, etc

Me: Style queries are a game changer!

Also me: caniuse.com/css-containe...

#CSS

01.01.2026 10:28 👍 0 🔁 0 💬 0 📌 0

I needed to get this off my chest.

Are you doing web accessiblity work too? Can you relate? Did you blog about something similar? Let me know.

#WevDevelopment #A11Y

22.12.2025 07:48 👍 1 🔁 0 💬 0 📌 0

A great read indeed. I didn’t know that MathML results in so many DOM nodes, nor that browser support has caught up.

21.12.2025 10:11 👍 1 🔁 0 💬 0 📌 0
Preview
Manuel Sánchez I'm a passionate developer, entrepreneur, and general technology enthusiast settled in Hamburg. My goal is to help others develop their ideas in the most modern, performantic and web accessible way.

But that’s not all: The author @manuelsanchezdev.com has an #A11Y themed calendar on his own site.

www.manuelsanchezdev.com/advent-2025

In other words, he now has an additional follower. 😉

21.12.2025 08:35 👍 1 🔁 0 💬 0 📌 0
Preview
A11y Considerations in Math on the Web - HTMHell A collection of bad practices in HTML, copied from real websites.

The HTMHell Advent Calendar never disappoints, but this year contained an article that came out of left field, given that I’ve never used MathML so far.

htmhell.dev/adventcalend...

21.12.2025 08:32 👍 1 🔁 0 💬 1 📌 1
Preview
feColorMatrix: alpha masks from individual channels Interactive demo to illustrate using RGB channels as alpha masks. --- Adaptive layout depending on viewport width, aspect-ratio and on how much space...

Interactive demo explaining the how behind the #SVG #matrix #filter used to extract individual RGB channels as alpha masks from an input.

You can play with it on @codepen.io: codepen.io/thebabydino/...

20.12.2025 08:45 👍 19 🔁 3 💬 0 📌 1