Sign up

Matthias Ott Supports Webmention
Text • Matthias Ott

Starting Prototyping.news

Prototyping has been captivating me for quite some time now. Since 2012, I teach Interface Prototyping at the Muthesius University of Fine Arts and Design in Kiel, Germany and especially over the last few years, I could watch prototyping slowly attracting more and more atten...

Matthias Ott Supports Webmention
Text • Matthias Ott

Saving Your Web Workflows with Prototyping

Prototyping.news: For a monthly update on the latest articles, tools, and other resources about prototyping for the Web, sign up for my new newsletter prototyping.news. The Illusion of Control We have a problem. And ...

Matthias Ott Supports Webmention
Text • Matthias Ott

Saving Your Web Workflows with Prototyping

Prototyping.news: For a monthly update on the latest articles, tools, and other resources about prototyping for the Web, sign up for my new newsletter prototyping.news. The Illusion of Control We have a problem. And ...

Matthias Ott Supports Webmention
Text • Matthias Ott

Write Your Media Queries in Pixels, Not EMs

Edit on 09-04-2022: This article is quite old and I have since realized that the conclusion I draw in the article was wrong. The upsides of using EMs as the unit in your media queries, especially in terms of accessibility, far outweigh the one downside I described in the pos...

Matthias Ott Supports Webmention
Text • Matthias Ott

Write Your Media Queries in Pixels, Not EMs

Edit on 09-04-2022: This article is quite old and I have since realized that the conclusion I draw in the article was wrong. The upsides of using EMs as the unit in your media queries, especially in terms of accessibility, far outweigh the one downside I described in the pos...

tink Valid
Text

Regaining sight?

People often presume I would jump at the chance to be able to see again. The fact of the matter is that I really don't know whether I would or not, because there is more to it than you might think. I lost my sight at the turn of the century, over the course of about 12 month...

tink Valid
Text

Playing with the Accessibility Object Model (AOM)

Updated on 27th February 2019: The Accessibility Object Model (AOM) specification has been updated and accessibleNode has been dropped. Read the AOM explainer for more information. The Accessibility Object Model (AOM) is an experimental JavaScript API that enables developers...

tink Valid
Text

Accessible SVG line graphs

SVG is often used for data visualisation, but because SVG lacks the semantics to express structures like bar charts, line graphs, and scatter plots, the content is difficult for screen reader users to interpret. The solution is to use the technique for creating accessible SV...

Matthias Ott Supports Webmention
Text • Matthias Ott

Colorful Code: Adding Syntax Highlighting to My Site

In all of the posts I published on my site so far, I’ve never shared a single line of code. But since this is going to change with the next article on pattern libraries, I spent a little time over the weekend implementing syntax highlighting for my posts. I settled on Lea Ve...

Matthias Ott Supports Webmention
Text • Matthias Ott

Colorful Code: Adding Syntax Highlighting to My Site

In all of the posts I published on my site so far, I’ve never shared a single line of code. But since this is going to change with the next article on pattern libraries, I spent a little time over the weekend implementing syntax highlighting for my posts. I settled on Lea Ve...

tink Valid
Text

Accessible SVG tables

SVG has no native semantics for representing structures like tables, but ARIA1.1 introduces a number of roles that can be used to polyfill the necessary semantic information. If you're using HTML, use the relevant HTML elements to create tables. The table, thead, tfooter, tb...

Matthias Ott Supports Webmention
Text • Matthias Ott

Resolving CSS Gridlock

CSS Grid is here and I bet you also heard that it's a game changer that could once more completely change the way we approach web layout. A New Kid on the Block The new layout module is a great achievement for all people involved in the process and also the fast implementati...

Matthias Ott Supports Webmention
Text • Matthias Ott

Resolving CSS Gridlock

CSS Grid is here and I bet you also heard that it's a game changer that could once more completely change the way we approach web layout. A New Kid on the Block The new layout module is a great achievement for all people involved in the process and also the fast implementati...

Matthias Ott Supports Webmention
Text • Matthias Ott

We Are Team Internet. We Need to Save #NetNeutrality.

Once more, net neutrality is under attack. This founding principle of the open web guarantees that all data packages are treated equally – regardless of content or the amount of money you pay your service provider. Net neutrality keeps the internet open and uncensored and by that fosters freedom of speech and an exchange of ideas.

Today, 12 July, is the internet-wide day of action to save net neutrality. And we all have a voice and a responsibility to stop this threat to the open web.

So join the protest by adding an alert to your site, change your avatar, spread the word on social media, or do what you do best to fight for net neutrality. To learn more, visit battleforthenet.com or read more about why the 12 July protest to protect net neutrality matters.

We need to stop this together. We are team internet.

–

Thanks to @webrocker for the reminder!

Matthias Ott Supports Webmention
Text • Matthias Ott

We Are Team Internet. We Need to Save #NetNeutrality.

Once more, net neutrality is under attack. This founding principle of the open web guarantees that all data packages are treated equally – regardless of content or the amount of money you pay your service provider. Net neutrality keeps the internet open and uncensored and by that fosters freedom of speech and an exchange of ideas.

Today, 12 July, is the internet-wide day of action to save net neutrality. And we all have a voice and a responsibility to stop this threat to the open web.

So join the protest by adding an alert to your site, change your avatar, spread the word on social media, or do what you do best to fight for net neutrality. To learn more, visit battleforthenet.com or read more about why the 12 July protest to protect net neutrality matters.

We need to stop this together. We are team internet.

–

Thanks to @webrocker for the reminder!

Matthias Ott Supports Webmention
Text • Matthias Ott

Off the Beaten Track

When we design and build things for the web, it’s tempting to fall into the trap of doing things the We-have-always-done-it-that-way™. And this doesn't necessarily have to be our fault alone. We are all part of project teams and work environments that shape our perception of...

Matthias Ott Supports Webmention
Text • Matthias Ott

Off the Beaten Track

When we design and build things for the web, it’s tempting to fall into the trap of doing things the We-have-always-done-it-that-way™. And this doesn't necessarily have to be our fault alone. We are all part of project teams and work environments that shape our perception of...

tink Valid
Text

Using a custom domain with multiple Github repositories

It's possible to use a single custom domain with multiple Github repositories that use Github Pages. The available documentation makes it seem more complicated than it is, so this is an effort to provide some more simple instructions. This post assumes you have a custom doma...

Matthias Ott Supports Webmention
Text • Matthias Ott

Adding JSON Feed to My Craft CMS Site

Despite the proclaimed death of RSS I know a lot of people who still love to read their feeds on a daily basis. So feeds are definitely here to stay and providing your readers with different ways of consuming your content is also an important part of a website, especially if...

Matthias Ott Supports Webmention
Text • Matthias Ott

Adding JSON Feed to My Craft CMS Site

Despite the proclaimed death of RSS I know a lot of people who still love to read their feeds on a daily basis. So feeds are definitely here to stay and providing your readers with different ways of consuming your content is also an important part of a website, especially if...