Manuel Matuzović - Blog

2021 was wild!

I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing!

Did you know that there are 112 elements in HTML?!

I don’t know who needs to hear this, but that’s the current browser support for :focus-visible and :focus-within, and I love it!

Every element I use for the basic structure of a HTML document, with explanations why.

The col element allows us to style columns in tables.

“Break on Subtree Modification” allows you to debug dynamically added and removed DOM nodes.

For your and my inspiration: A collection of websites that don’t hide the navigation on mobile behind a burger/menu button.

I haven’t thought about ordering CSS properties in a while, but I began to work on the redesign of HTMHell recently and I decided to challenge my current approach.

My answer to the question “What is one thing you learned about building websites this year?”

The lang attribute is an essential component in the basic structure of an HTML document.

In the first article of this series, I explained how important progressive enhancement is for web accessibility.

About 4 years ago, I began to focus on web accessibility professionally.

According to WebAims annual accessibility analysis, 98.1% of home pages of the top 1,000,000 websites have detectable WCAG 2.0 failures.

I’m working on a project where I have a list of items in reverse order.

This is part 3 of my series Here’s what I didn’t know about… in which I try to learn new things about CSS.

Nokia released an updated version of its iconic Nokia 3310 about 3 years ago.

I can’t stress enough how important it is to blog if you want to become better at web development.

This is part 2 of my series Here’s what I didn’t know about… in which I try to learn new things about CSS.

While testing a new feature recently, I realised that I don’t know too many browsers.

The question how good good enough is and at which point a website is ready to go online is keeping me busy lately.

Ich bin seit etwa einem Jahr angestellt und viele Dinge sind anders als bei meiner freiberuflichen Tätigkeit zuvor.

I’ve been employed for about a year now and many things are different compared to being a freelancer.

It’s 7:25 a.m. and I’ve already learned so much.

Recently, it feels like I see a property, a property value or a selector I haven’t heard about pop up every day.

At the CSS-in-Vienna meet-up last week Ulrich told me that starting with Chrome 79 it's possible to define a string value for the list-style-type property.

I built a quite complicated component in HTML and CSS last week and I was happy with the result.

The this video I explain how I approach design and how I find inspiration, both online and offline.

When I talk about web accessibility at meet-ups and conferences, it’s safe to assume that at least one person will ask me something like “Yeah, accessibility sounds nice, but how many people are actually disabled?

I'm redesigning and building my website from scratch.

I just finished an accessibility audit for a client and I decided to share some quick checks I perform in every site I audit and build.

I saw a lot of JavaScript today considering that I was at a CSS conference.

I don’t consider myself a web accessibility expert but I’ve learned enough in a relatively short time to feel comfortable enough to share my knowledge in blog posts, workshops and talks.

It’s always nice to see when people post their Lighthouse scores on social media to highlight how well they’ve optimised their own or their client's website.

CSS Grid layout is powerful and flexible.

If you want to improve the accessibility of your React apps but you don't know how or where to start, this talk is just what you need.

I'm a huge fan of CodePen (No, they didn’t pay me to write this).

CSS Grid Layout is one of the most exciting recent CSS specifications because of its flexibility, extent, and power.

It happened.

Last year I attended JS Conf Budapest and I watched many great talks but “YES!

Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop.

Last year I gave a talk about CSS and accessibility at the stahlstadt.js meetup in Linz, Austria.

About a year ago I started to focus more on web accessibility.

Grid Layout finally gives us the ability to define grids in CSS and place items into grid cells.

When can I start using CSS grid layout?”

A few weeks ago I held a CSS Grid Layout workshop.

Tips on how to improve the accessibility of your JavaScript components and provide users with more and better ways to interact with your website or web app.

An introduction to web accessibility.

A small collection of useful CSS techniques and a quick reminder that print style sheets are still a thing. another old post (who cares?)

I was in the mood to learn something new and so I decided to take a look at the CSS Font Loading API.