# About me
Hi, my name is Manuel! I’m a frontend developer, consultant, accessibility auditor, blogger, book author, and speaker from Vienna, currently living in Graz. I believe in web standards, progressive enhancement, and user-centric web design and development.<br>
I specialize in web accessibility and enterprise CSS.

<hni-info>
  Currently, I'm for hire and open to new opportunities. You can contact me <a href="mailto:manuel@matuzo.at">via e-mail</a> (manuel@matuzo.at).
</hni-info>


On this page, you’ll find everything you need to know about me and my work.

## tl;dr

I can help you with…

* accessibility audits of website and apps
* accessibility workshops for your entire team
* agentic accessible coding and testing
* CSS workshops
* consulting
* front-end work (HTML, CSS, JS)
* teaching
<section>

## Work

I’ve started my web development career in 2008 by working as a full-stack web developer in an ad agency. After two years, I became a freelancer and transitioned slowly from full-stack to specializing in web accessibility and CSS. This allowed me to not just take development jobs, but also audit websites and consult companies and institutions. Between 2019 and 2023 I was working as a senior frontend developer for the City of Vienna. <br>Since 2023, I'm back to being a full-time freelancer again.

### What I can offer

- Consulting (web accessibility and CSS layout/architecture)
- WCAG accessibility audits of websites and apps
- <a href="#workshops-and-teaching">In-house or online workshops</a>
- Frontend-end development (HTML, CSS, vanilla JS, web components)
- Authoring of accessibility statements
- <a href="#teaching">Teaching</a>


### Technologies and tools

Here's a list of keywords that describe the areas, technologies, and tools I'm experienced with best:

<div class="taglist">

- accessibility (a11y)
- WCAG 2.2
- HTML
- CSS layout (CSS Grid, etc.)
- CSS architecture (solutions for large-scale sites and systems)
- vanilla JavaScript
- web components
- lit
- performance
- Craft CMS
- Sass
- eleventy (11ty)
- WordPress
- twig, nunjucks

</div>

### What I expect

- A strong focus on quality and accessibility
- An inclusive and friendly work environment
- In terms of the type of work, I'm open to everything: development, audits, workshops, consulting, dev rel, writing, etc.
- Technology: Although I'm not specialized in JS frameworks, I have experience with Angular, Vue, and React. I'm open to working with these and other frameworks, too.


** A selection of my current and past clients**

<hni-stack class="logo-wall">

(imageplus: images/stadtwien.svg alt: City of Vienna width: 90)
(imageplus: images/orf.svg alt: ORF width: 70)
(imageplus: images/kurier.avif alt: Kurier width: 150)
(imageplus: images/geizhals.avif alt: Geizhals width: 100)
(imageplus: images/Statista.svg alt: Statista width: 130)
(imageplus: images/burgtheater.avif alt: Burgtheater width: 225)
(imageplus: images/shopify.svg alt: Shopify width: 130)
(imageplus: images/xxxldigital.avif alt: XXXL Digital width: 180)
(imageplus: images/sharenow.avif alt: Share Now width: 160)
(imageplus: images/sipgate.avif alt: Sipgate width: 100)
(imageplus: images/waca.svg alt: WACA width: 140)
(imageplus: images/swk.svg alt: SWK width: 80)
(imageplus: images/tugraz.svg alt: TU Graz width: 90)
(imageplus: images/karakun.avif alt: Karakun width: 120)
(imageplus: images/vi.svg alt: VI width: 50)
(imageplus: images/haptiq.svg alt: Haptiq width: 80)
(imageplus: images/fondalabs.avif alt: Fonda Labs width: 120)
(imageplus: images/bitsfabrik.avif alt: Bitsfabrik width: 120)
(imageplus: images/fredmansky.avif alt: Fredmansky width: 120)
(imageplus: images/probots.avif alt: probots width: 120)
(imageplus: images/supseven.svg alt: subseven width: 100)
(imageplus: images/ppi.svg alt: PPI width: 40)
</hni-stack>
</section>

<section>

## Workshops and teaching

I have a passion for teaching about the things I enjoy in web development. I offer workshops for companies and teaching for universities and colleges in German and English.

### Workshops

If you're interested in in-house or online teaching, I can prepare a single or multi-day workshop tailor-made for you. I'm open to topics and formats, but here are some ideas based on previous workshops I did with other clients.

- How to build accessibile frontend components
- Improving the accessibility of your product hands-on
- Accessibility testing
- Accessibility testing with LLMs
- Accessible agentic coding
- Improving CSS architecture
- Advanced CSS layout
- HTML basics for editors/backend developers/beginners
- Modern CSS techniques
- The accessibility of single page applications (SPA)
- ...


### Teaching

I've been teaching on and off since 2010. My topics are HTML, CSS, web accessibility, and web development in general. Travelling within Austria is no issue and outside of Austria it depends on the frequency.

** I've taught at the following institutions **

<hni-stack class="logo-wall">
(imageplus: images/joanneum.svg alt: FH Joanneum | HvA width: 160)
(imageplus: images/jku.svg alt: FH Joanneum | HvA width: 80)
(imageplus: images/cmd_hva.avif alt: Communication and Multimedia Design Amsterdam | HvA width: 300)
(imageplus: images/sae.svg alt: SAE Vienna width: 100)
(imageplus: images/fhsalzburg.avif alt: FH Salzburg width: 60)
(imageplus: images/uni.avif alt: ZID der Uni Wien | HvA width: 140)
</hni-stack>


(This list includes regular engagements as well as guest lectures.)
</section>

<section>

## Writing and speaking

I write about HTML and CSS on my personal blog, on <a href="https://www.htmhell.dev/">HTMHell</a>, and other sites like <a href="https://web.dev">web.dev</a> or <a href="https://www.smashingmagazine.com/" rel="noopener">Smashing Magazine</a>.

<hni-stack class="logo-wall">
(imageplus: images/CSS-Tricks.webp alt: CSS-Tricks width: 180)
(imageplus: images/webdev.svg alt: web.dev width: 150)
(imageplus: images/piccalilli.avif alt: Smashing Magazine width: 140)
(imageplus: images/smashing.avif alt: Smashing Magazine width: 140)
(imageplus: images/ala.avif alt: A List Apart width: 180)
</hni-stack>

I like to speak about CSS, HTML, and web accessibility. I gave talks at more than 40 events in 11 different countries. This includes the following events:

<hni-stack  class="logo-wall">
(imageplus: images/smashingconf.svg alt: Smashing Conference width: 160)
(imageplus: images/bt.svg alt: Beyond Tellerand width: 180)
<div style="background-color: #012fa9; padding: 0.5rem 0.7rem 0.4rem">
(imageplus: images/reactfinland.svg alt: React Finland width: 40)
</div>
<div style="background-color: #5a5a59; padding: 0.5rem 0.7rem 0.4rem">
(imageplus: images/fronteers.avif alt: Fronteers width: 120)
</div>
(imageplus: images/a11yto.svg alt: A11yTo width: 140)
</hni-stack>

</section>

<section>

## Get in touch

Summarizing, I love the web and especially frontend development. ❤️

If you want to work with me or if you're interested in an audit or a workshop, please contact me via <a href="mailto:manuel@matuzo.at">email</a> (manuel@matuzo.at) or find me on <a href="https://front-end.social/@matuzo" rel="noopener">Mastodon</a>. I'd be happy to get to know you!
</section>