Lightnews — Scholar-powered news

Matthias Ott

@matthiasott.com

4.3K followers 540 following 1.2K posts

Independent designer + web design engineer, teacher, speaker. Interface Prototyping at Muthesius University of Fine Arts and Design. UX, prototyping, & design engineering workshops. 📧 Newsletter: https://ownyourweb.site 💻 Website: https://matthiasott.com

ownyourweb.site

Posts Media Videos Starter Packs

Pinned

Matthias Ott @matthiasott.com · May 16

Last week, I had the immense honor of speaking at one of my favorite events, @beyondtellerrand.com. (🤯)

My talk “Painting With the Web” is now available on YouTube. I hope you like it! 🤗💚

www.youtube.com/watch?v=1Pq7...

Matthias Ott – Painting With the Web – beyond tellerrand Düsseldorf 20025

YouTube video by beyond tellerrand

www.youtube.com

1 13 40

Matthias Ott @matthiasott.com · 8h

Elternabend.

Reposted by Matthias Ott

Matthias Ott @matthiasott.com · 11h

✍️ New post: CSS :is() :where() the Magic Happens
🪄

#blogtober #css #css #css
matthiasott.com/notes/css-is...

CSS :is() :where() the Magic Happens · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

4 23

Reposted by Matthias Ott

Keith W. Dickinson @keithwdickinson.bsky.social · 15h

Today is a day when arts degrees are worthless, but the product of those degrees is so valuable it would kill an entire industry if they were made to pay for it.

The Verge @theverge.com · May 26

Nick Clegg says asking artists for use permission would ‘kill’ the AI industry

Paul McCartne, Elton John and others signed an open letter.

buff.ly

350 7.8K 20K

Matthias Ott @matthiasott.com · 11h

✍️ New post: CSS :is() :where() the Magic Happens
🪄

#blogtober #css #css #css
matthiasott.com/notes/css-is...

CSS :is() :where() the Magic Happens · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

4 23

Matthias Ott @matthiasott.com · 18h

🤔 …

I haven’t really played around with if() yet, so maybe

light-dark() – just amazing for theming 😍

and the newer color functions in general, like

oklch()

especially when using them with the relative color syntax.

Matthias Ott @matthiasott.com · 19h

sin(), of course 😁

just kidding, it’s probably clamp() – although I also find myself using min() and max() more and more often

Matthias Ott @matthiasott.com · 20h

“The fact that copyrighted works aren’t eligible unless they’ve formally registered feels like a lawyerly dodge: a legal maneuver to help Anthropic reduce the size of its payout pool …”
— @ethanmarcotte.com

ethanmarcotte.com/wrote/a-righ...

A right to copy. — ethanmarcotte.com

This is one author’s short, failed journey to file a claim in Anthropic’s copyright lawsuit. (Oops. Spoilers, sorry.)

ethanmarcotte.com

3 4

Reposted by Matthias Ott

Matthias Ott @matthiasott.com · 1d

✍️ New post: Visual Regression Testing for External URLs With Playwright

#blogtober #webdev #css #testing #playwright
matthiasott.com/notes/visual...

Visual Regression Testing for External URLs With Playwright · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

2 9

Matthias Ott @matthiasott.com · 1d

Oh! Enjoy, Scott! 🥳

Reposted by Matthias Ott

beyond tellerrand @beyondtellerrand.com · 1d

The schedule for #btconf Berlin is live. Find the #schedule for the two days in November here: beyondtellerrand.com/events/berli...

beyond tellerrand - An event about the Web, design and technology

beyond tellerrand is the affordable single-track event where creativity and technology meet. Taking place in Düsseldorf and Berlin these days with 500+ attendees each in a renowned, familiar and frien...

beyondtellerrand.com

2 2

Matthias Ott @matthiasott.com · 1d

It’s huuuuuuge!!

Reposted by Matthias Ott

Sara Soueidan @sarasoueidan.com · 1d

OK @kevinpowell.co has written what has to be one of the best (if not THE best) practical article to #CSS colors I have read in a while. piccalil.li/blog/a-pragm...

Easy to read, practical examples, and *perfect* for someone like me who's fallen behind and hasn't kept up with all the new stuff.

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

5 23 120

Matthias Ott @matthiasott.com · 1d

🫠

“Next up is Remy, who will give a talk with only four slides!!”

Matthias Ott @matthiasott.com · 1d

Homo solitarius

Matthias Ott @matthiasott.com · 1d

Love those. Brain: “OMG, the talk is tomorrow and I didn’t prepare anything at all yet. And I’m already on the train, forgot my MacBook, and I’m wearing only underpants!” 😂

Good luck preparing the talk – presenting on a GameBoy would have been amazing … But I’m sure it will be great, nevertheless!🎉

1 4

Matthias Ott @matthiasott.com · 1d

✍️ New post: Visual Regression Testing for External URLs With Playwright

#blogtober #webdev #css #testing #playwright
matthiasott.com/notes/visual...

Visual Regression Testing for External URLs With Playwright · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

2 9

Reposted by Matthias Ott

Sarah Drasner @sarahedo.bsky.social · 2d

💥 did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.

Drawing explaining the JS execution model and event loop

12 60 340

Matthias Ott @matthiasott.com · 2d

been listening to walking in the snow again yesterday and was like … damn

Matthias Ott @matthiasott.com · 2d

✍️ New post: Jane Goodall’s Famous Last Words

#blogtober #interview #janegoodall #climateaction #nature
matthiasott.com/notes/jane-g...

Jane Goodall’s Famous Last Words · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

1 5

Reposted by Matthias Ott

KOJAMF🤘🖤🤘 @kojamf.bsky.social · 3d

Dr. Jane Goodall filmed an interview with Netflix in March 2025 that she understood would only be released after her death.

800 17K 37K

Matthias Ott @matthiasott.com · 3d

In case you missed my post from day 3 of #blogtober: It’s about a legendary piece of gear that shaped the sound of Abbey Road studios – and what it all has to do with building for the #Web. 🤓

matthiasott.com/notes/tweaki...

Tweaking the Circuits · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

Matthias Ott @matthiasott.com · 3d

…… aaand we’re back. The “human-friendly” #webmention endpoint returned a 302 instead of a 202 for *all* http requests. Now it distinguishes between general requests and those coming from an HTML form. Still not sure whether this is the best solution, but it works for now. 🤔

Reposted by Matthias Ott

Manuel Matuzović @matuzo.at · 6d

Last week I wrote my first post for @piccalil.li 💛

In this article I explain how you can use container style queries to work around the limitation in media queries that hinders you to use custom properties.

piccalil.li/blog/a-worka...

A workaround for using custom properties in media queries

One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a...

piccalil.li

1 7 35

Matthias Ott @matthiasott.com · 3d

Haha, I need to make the info in the footer a bit larger, I guess … 😂

A screenshot of the footer of the site that reads: Set in NaN Tresor and NaN Tragedy

1 1

Matthias Ott @matthiasott.com · 3d

Thank you, Roman! 🤗 They’re both from NaN type foundry in Berlin. NaN Tresor by @christoph.koe.berlin is the sans serif typeface, and the serif is NaN Tragedy by Jean-Baptiste Morizot. 🤩🖤

1 2