Matthias Ott

Independent user experience designer and web design engineer, teacher, speaker. Interface Prototyping at Muthesius University of Fine Arts and Design. Adobe XD, UX, #prototyping, and web design engineering workshops. #fedi22 #IndieWeb #design #engineering #webdev #css #WorldWideWeb 🇪🇺🌍 https://matthiasott.com

Public Key

npub1hdupya7stlwcfr8crdhqaclap95fga2knj4lfj54ueu3cndwdmzq8vcnsc

NIP-05 Address

matthiasott_at_mastodon.social@mostr.pub

Profile Code

nprofile1qqstk7qjwlg9lhvy3nupkmswu07sj6y5w4tfe2l5e227v7gufkhxa3qpz4mhxue69uhhyetvv9ujumt0wd68ytnsw43q5amz4w

Publishing to

relay.mostr.pub

Author Public Key

npub1hdupya7stlwcfr8crdhqaclap95fga2knj4lfj54ueu3cndwdmzq8vcnsc

Show more details

Last Notes

2024-08-29 07:39:23

Here’s your reminder that the State of CSS survey 2024 is still open!
If you write #CSS, regardless of your skill level, consider taking the survey.
Not only is it an important trend indicator of the web community but it’s also a great way to let browser makers know what we all care about collectively and in which direction the platform should evolve!
https://survey.devographics.com/en-US/survey/state-of-css/2024?source=mastodon

2024-08-19 16:11:07

I’m now starting a new web design project and will once more put my current #CSS #structure to the test. Does it still work or do I have to change something in 2024? 🤔
How do you structure your CSS?
https://matthiasott.com/notes/how-i-structure-my-css

2024-08-19 13:23:56

The end of an era.
I just deactivated my Twitter account.
You should, too. 😊
#GoodBye #Xit

2024-08-16 06:25:09

- reply

Thank you all for your answers and recommendations! 🤗💚 We decided to get a Bosch Series 6 machine now. It performed well in tests and is still only about 1/2 the price of a Miele. Let’s hope it lasts a little longer … 🤞
https://www.bosch-home.com/de/de/product/waschen-trocknen/waschmaschinen/frontlader-waschmaschinen/WUU28T48

2024-08-14 20:23:00

It begins. 😱
“Research AI model unexpectedly modified its own code to extend runtime”
https://arstechnica.com/information-technology/2024/08/research-ai-model-unexpectedly-modified-its-own-code-to-extend-runtime/

2024-08-13 20:40:09

The washing machine has died. This is the third Bauknecht machine that stops working shortly after the warranty has ended. What a coincidence. 😂 And of course, a repair will probably cost more than a new machine.
I’d really love to break this vicious cycle of waste. Any recommendations (in 🇩🇪) for a brand that lasts longer or can be repaired more easily? Miele? 🥴💸

2024-08-07 22:16:51

- reply

@npub1xed…yg9w 🐷

2024-07-30 16:40:49

- reply

@npub1ahd…4p2e oder halt in Sockeeeeen! 🤘

2024-07-15 21:22:50

What are examples of fantastic *home pages* of personal websites? 😍 Any site that really stuck with you? And why?
And what’s some useful advice regarding a great “home” that you would give someone building their site?
I’m asking on behalf of my #OwnYourWeb #newsletter subscribers = sharing is caring 🤗💚

2024-07-12 18:00:45

My son is starting to read science fiction. So far, he read Solaris, The War of the Worlds, Brave New World, and now 1984.
What are other great #scifi novels that are (maybe even better) suited for a young teenager?

2024-07-04 16:47:15

- reply

@npub1gf2…u0nm Looks like somebody wrote them an email 😁

2024-07-02 22:56:53

- reply

@npub1psa…xhme MacRumors uses the name attribute only and I don’t see any bylines on their account yet… 🤔

2024-07-02 22:42:28

- reply

@npub1psa…xhme 🎉 Does it need the property attribute to work correctly? The blog post only mentions the name attribute, but I see you and The Verge using property="fediverse:creator"…?

2024-06-30 16:52:04

- reply

@npub1c35…9pmh Fateful farfalle

2024-06-26 23:48:14

My son built a “disco box” with an Arduino for school. This is what his teacher will hear when he starts it … 😁🕺🪩
https://files.mastodon.social/media_attachments/files/112/685/591/552/893/283/original/5e563113babc802c.mp4

2024-06-08 07:38:16

- reply

@npub1gf2…u0nm Safe travels, Jeremy! It was great to see you again. 🤗

2024-06-06 09:23:36

Thank you so much for having me, #CSSDay! 💚🤗
Here are the slides for my talk:
https://noti.st/matthiasott/JrA84R

2024-05-25 17:41:12

- reply

@npub1gf2…u0nm Legitimate interest. 😂😂😂

2024-05-17 12:46:08

A little #UX quiz: in which of those two inputs will your password be visible aka unmasked? 🤔
https://files.mastodon.social/media_attachments/files/112/456/496/417/361/282/original/35efb0477cec3316.png

2024-05-12 21:42:09

By the way, do you have a personal website and does it have a home page? (I’m pretty sure it does… 😁)
I would love to know: what’s on your “home” and why?
Feel free to share a link, of course. 🤗 As always, I’m also asking on behalf of my #OwnYourWeb newsletter subscribers.

2024-04-29 23:48:52

I sent an email! 🎉

2024-04-25 12:51:16

Do you know that feeling that something is missing, but you’re not sure what it is?
Here’s some sound life advice:
Usually, that’s because something is indeed missing. 🥸

2024-04-10 22:26:28

Bloggers and writers! Which tool(s) are you using to draft and write your posts or articles? And how do you keep track of the status of a piece (idea/draft/edited/published etc.)?
#blogging #writing

2024-03-27 16:56:31

I *still* would love to be able to strip the unit from a value by dividing by 1 unit in #CSS calc()… 🤔

2024-03-16 00:24:58

✍️ New post: Making #OwnYourWeb More Sustainable
I am looking for sponsors for my newsletter to make the project more sustainable. 💚
https://matthiasott.com/notes/making-own-your-web-more-sustainable

2024-03-15 20:40:56

- reply

@npub1xed…yg9w who would have thought!

2024-03-15 20:32:44

- reply

@npub1xed…yg9w
https://files.mastodon.social/media_attachments/files/112/101/600/754/531/328/original/df7b64563390c5f3.png

2024-03-15 20:15:49

- reply

@npub1e3q…5mnq @npub1xed…yg9w the documentation button

2024-03-15 19:57:03

- reply

@npub1xed…yg9w In my case, it was a combination of a preg_replace I had added with the comment “XSS Protection” (thanks @npub1nal…awcv for the hint) for incoming mentions and then also
… wait for it …
… a missing
'charset' => 'utf8mb4'
in the db config file of Craft 🫣

2024-03-15 19:42:10

OMG, after about four decades, I finally fixed the emojis in the webmentions on my site! 🤯🥳😍

2024-03-14 11:56:21

- reply

@npub1y9z…3ykm It’s a great name.

2024-03-12 20:00:23

“The future hinges on our ability to both reform the current system and create a new one that genuinely serves the best interests of humanity. To achieve this, we must break down data silos to encourage collaboration, create market conditions in which a diversity of options thrive to fuel creativity, and shift away from polarising content to an environment shaped by a diversity of voices and perspectives that nurture empathy and understanding.”
—Tim Berners-Lee
✊
https://webfoundation.org/2024/03/marking-the-webs-35th-birthday-an-open-letter/

2024-03-12 14:11:10

🤔 I’m preparing my #CSSDay talk at the moment and I’d be glad to hear your thoughts:
In which areas do you see the most potential for innovative web design when it comes to the latest and greatest #CSS features?
Like, which CSS features would you recommend a designer (or developer) to learn who wants to create outstanding work for the Web in 2024? ✨

2024-03-10 20:34:54

My son would like to start dabbling with making music, so …
What’s the best DAW ever? 😁
And which synthesizer apps are the cool kids using these days?

2024-03-08 13:54:00

Just update my little @npub1z9m…rz2z plus @npub1pk3…vduk starter project. It now uses Vite 5.1 🎉
Let me know if you experience any issues or if there is anything that could be improved or added to make it more valuable.
🤗
https://github.com/matthiasott/eleventy-plus-vite

2024-02-25 09:23:36

I’m starting from scratch with @npub1dvx…v87p.
What are your favorite #podcasts?

2024-02-22 06:28:49

- reply

@npub18hd…kf64 fanboy

2024-02-19 16:27:27

There is a lot of conflicting information out there when it comes to the best text to background contrast ratio for optimal accessibility. Generally, higher contrast is better, of course, but for people with dyslexia, a too bright background (e.g. black text on white) can also appear dazzling and thus harder to read.
Do you know of any reliable and “quotable” resources on this topic?
#a11y #typography #color

2024-02-12 09:38:03

- reply

@npub1psa…xhme @npub19kd…4jdw @npub1asr…u4w5 @npub1av6…7rs4 @npub1p9v…eg7d @npub19nf…e0wd @npub1tdn…elke @npub1yhc…zrl9 😁

2024-02-12 01:14:59

Issue 9 of #OwnYourWeb is out. 🥳
We ❤️ RSS.
Plus links to posts and tools by @npub19kd…4jdw, @npub1yhc…zrl9, @npub1asr…u4w5, @npub1av6…7rs4, @npub1p9v…eg7d, @npub19nf…e0wd, and many more! 🙌
Personal site of the (every other) week by @npub1tdn…elke 🎉
https://buttondown.email/ownyourweb/archive/issue-09/

2024-02-08 16:27:19

A few books from the recent TASCHEN sale arrived… and especially this one is a feast! 😍
https://files.mastodon.social/media_attachments/files/111/896/791/794/973/713/original/19fa965e4d4351ac.jpg

2024-02-06 17:47:36

- reply

@npub1xed…yg9w That is a very interesting question! I usually do it…
mANUaLly 😭🫠

2024-02-06 17:39:42

Citizens of the open web! 💚
Does your website or blog have an #RSS feed? Let me – and my #OwnYourWeb newsletter subscribers – know the URL below.
👇

2024-01-29 00:41:04

Issue 8 of #OwnYourWeb is out. 🥳
This time, we’re on a roll…
Plus links to posts and tools by @npub10tx…crtk, @npub1asr…u4w5, @npub179v…aet8, @npub1y9z…3ykm, and many more! 🙌
Personal site of the (every other) week by @npub1nhd…sd3w 🎉
https://buttondown.email/ownyourweb/archive/issue-08/

2024-01-25 22:46:38

- reply

@npub1xed…yg9w I recently realized: My birth is closer in time to the end of WW II than now.

2024-01-23 21:21:59

Inhabitants of the open web!
Do you have a #blogroll on your site? Or did you come across a fantastic example on someone else’s website?
Let me know the URL below! 🙌
(Once more, I’m also asking for my #OwnYourWeb newsletter subscribers 😉)

2024-01-21 20:49:54

Damn, Berlin!! 😍❤️
#fckafd #nazisraus #niewiederistjetzt
(Video: Zentrum für politische Schönheit @ Threads)
https://files.mastodon.social/media_attachments/files/111/795/907/240/706/807/original/cef0e7b76dc0c35b.mp4

2024-01-08 01:35:40

✍️ New post: 42 for 42.
https://matthiasott.com/notes/42-for-42

2024-01-04 22:30:47

- reply

@npub1xed…yg9w
https://files.mastodon.social/media_attachments/files/111/700/046/181/235/947/original/9e13a5ec82fad972.jpeg

2024-01-04 01:26:18

✍️ New post: What’s Too Good to Be True?
CC @npub17jy…ym9j
https://matthiasott.com/notes/whats-too-good-to-be-true

2024-01-01 12:17:58

- reply

@npub10tx…crtk Couldn’t agree more! 👏 And it’s the reason I started a free newsletter about it called #OwnYourWeb:
https://matthiasott.com/newsletter

2024-01-01 09:18:28

✍️ New post:
2024: The Year of the Personal Website
https://matthiasott.com/notes/2024-the-year-of-the-personal-website

2023-12-30 20:12:31

Finally want to get started with your personal site in 2024? Or redesign it? Or start blogging again?
I started a newsletter about exactly that this year. Issue 6 is about to go out tonight… 🤗
Sign up here if you’re interested:
https://matthiasott.com/newsletter
#OwnYourWeb #web #IndieWeb #newsletter #personalsites

2023-12-28 23:05:49

What were your favorite #blog posts of the year? 🤔
And, in case you have a personal site, which of your own posts was your fave or the most “successful” of 2023?
(Asking for my #newsletter subscribers, of course. 😊)

2023-12-25 17:18:18

- reply

@npub1xed…yg9w Merry Christmas to the Leathermans! ✨🤗

2023-12-18 18:14:29

- reply

@npub1xed…yg9w @npub16ks…80t7
12 million years later, an alarm goes off in an abandoned spaceship in the Central European Desert.
The expedition team from Mars finds a dusty computer screen. As they wipe away the dust, a message appears. It reads:
“Cancel Adobe membership”

2023-12-17 08:31:27

Issue 5 of #OwnYourWeb is out. 🥳
This time, we are looking at a few services and website builders that let you start a personal website with little to no coding experience.
Plus links to posts by @npub16ce…rq62, @npub1mm3…fl0d, @npub14dn…25dq, @npub1z9s…pzd6, Manuel Moreale, @npub1fd6…8f8z, and @npub1y9z…3ykm. 👏
Personal site of the (every other) week by @npub13u2…x3ey 🤘🪕
https://buttondown.email/ownyourweb/archive/issue-05/

2023-12-10 17:42:29

Let’s suppose a friend without any coding experience wants to get started with a personal website.
What advice would you give and which service – or approach – would you recommend?
And yes, I’m asking for my #OwnYourWeb newsletter subscribers again. 😉 RT=🎉

2023-12-05 22:13:17

“Just because you know something needs JavaScript, doesn't mean it still does. You can make better websites if you test those assumptions every now and then.”
A fantastic piece full of practical examples by @npub1z4h…tnqt for @npub1ggl…wlnf’s #HTMHell Advent Calendar! 👏🤘
#HTML #JavaScript #webdev https://www.htmhell.dev/adventcalendar/2023/2/

2023-12-04 20:25:33

- reply

@npub1xed…yg9w Contatulations, Sir! 👏🎉

2023-11-25 11:06:10

- reply

@npub1jzp…72dw My mother always likes to say that *for some* people, this phase never ends… 💩😉

2023-11-21 08:09:02

If you have a personal website: what platform, CMS, SSG, tech stack, or service are you using for it? Would you pick it again? How much technical expertise did it require to set up and make it your own? And do you have to do a lot of maintenance?
Once more – you guessed it – I’m asking for my #OwnYourWeb #newsletter subscribers. 😉
RT = 🎉

2023-11-18 09:48:13

Want get started with (or restart) your personal website? I‘m writing a #newsletter about that. 🤗
Own Your Web is for anyone who wants to design, build, create, and publish on the #Web. 💚✊
Sign up here: 👉 https://matthiasott.com/newsletter
If you subscribed already, you’ll receive Issue 3 later today!
#OwnYourWeb #openweb #IndieWeb

2023-11-15 12:08:31

- reply

@npub1gf2…u0nm But where are the images?!? Someone should propose an ICON tag…

2023-11-09 20:17:27

How to Ditch #Facebook Without Losing Your Friends (Or Family, Customers or Communities)
A look at how interoperable social media might look like when companies like Meta were legally required to open up their walled gardens, by @npub1hyk…3p33 and the @npub1sqf…5skr:
https://www.eff.org/deeplinks/2022/09/how-ditch-facebook-without-losing-your-friends-or-family-customers-or-communities

2023-10-02 21:16:16

- reply

@npub1xed…yg9w also: make distractions at work distracting again!

2023-10-02 21:13:40

Wow. That’s a shitty move.
“Say you search for ‘children’s clothing.’ Google converts it, without your knowledge, to a search for ‘NIKOLAI-brand kidswear,’ making a behind-the-scenes substitution of your actual query with a different query that just happens to generate more money for the company.”
Ka-ching!
https://www.wired.com/story/google-antitrust-lawsuit-search-results/

2023-10-02 21:01:57

- reply

@npub1c35…9pmh marginally disturbing…

2023-09-27 21:23:51

- reply

@npub1xed…yg9w …you gotta stay in it to win it.
? 😬

2023-09-26 19:50:16

- reply

@npub1xed…yg9w Asking this question doesn’t sound suspicious at all, Zach… 😁

2023-09-07 08:18:53

✍️ New post: WOFF Has Left the Building
#css #webdesign #development #webfonts
https://matthiasott.com/notes/woff-has-left-the-building

2023-09-06 07:47:55

More :has() goodness… 😁
“If both buttons are disabled, hide the container.”
#CSS #TheNewCSS
https://files.mastodon.social/media_attachments/files/111/017/089/207/109/462/original/b24b44dee61e4778.png

2023-08-31 10:53:39

📚 Are you taking and publishing notes of the books you read? Or are you regularly visiting the personal sites of people who do?
Share a link below! 🤗
#books #personalsites #notes #bookshelf
👇

2023-08-30 18:36:36

- reply

@npub1xed…yg9w This is fantastic, Zach! 💚👏🤗

2023-08-09 21:17:55

✍️ New post: Good Riddance, GPTBot
tl;dr
User-agent: GPTBot
Disallow: /
https://matthiasott.com/notes/good-riddance-gptbot

2023-07-24 14:01:37

Arctic heat is coming our way. And fast!
Amazing explainer video by Just Have a Think about the severe impacts of the rapidly rising temperatures in the Arctic Ocean:
https://www.youtube.com/watch?v=8erFXZmp7fo
#climatechange #climatecrisis

2023-07-20 11:58:21

- reply

@npub1gf2…u0nm “Our key business objective for next year: more snacks!” 🐶

2023-07-17 19:23:09

- reply

@npub1psa…xhme Fediversalists!
😁

2023-07-13 21:13:52

Damn, following that #climatechange hashtag changes your timeline a lot…
A record-breaking heatwave in Asia, an unprecedented marine heat wave, wildfires in Canada, a heatwave breaks the power grid in Texas, Antarctica melting faster than ever, the hottest June ever, the hottest seven days in the last 100.000 years, El Niño is here, flooding in New York state, a new heatwave in Europe, a coast-to-coast heat dome in the US, record monsoon rains in India…
and it’s not even Hurricane season yet.

2023-07-04 16:25:06

Emerging Tipping Points in Antarctica
A really insightful presentation (and discussion) about what is currently happening in #Antarctica and the effects on our #climate system.
#climatechange
https://www.youtube.com/watch?v=O2WRb-MOFD0

2023-06-28 13:57:33

“We are heading towards 3 to 4°C of warming across this century, an absolute climate catastrophe. […] And all we are doing so far is giving rhetoric and optimism and greenwash.
[…]
It is a choice to fail, and it’s a choice to succeed. If we sit back and wait for the great and good to deliver this change, then we will fail. It comes down to all of us to play our role as best as we can. […] Hope arises from civility society.”
#ClimateAction #ClimateCrisis
https://youtu.be/o_FtS_HNbkc

2023-06-06 22:41:31

- reply

@npub1gf2…u0nm Phew! Glad you’re okay, Jeremy! 💚

2023-06-02 21:40:42

This is what Altman and friends want to distract public attention from with their “existential threat” PR: managers can’t wait to replace expensive human knowledge workers with AI/LLMs. It’s already happening. And the more executives believe that this technology is powerful and disruptive, the faster they’ll make that switch – and make a few people filthy rich.
https://www.washingtonpost.com/technology/2023/06/02/ai-taking-jobs/

2023-05-03 13:07:53

Once more, @npub1gf2…u0nm is right: reducing #web #performance to only the business benefits doesn’t do it justice.
The big-picture implications – like sustainability, inclusivity, and also the joy of using a snappy website – are every bit as important, because they directly affect us as human beings. 👏
https://adactio.com/journal/20154

2023-05-01 21:02:55

- reply

@npub1asq…pd3l Those text shadows… and the white shadows to create the emboss effect on the radio/checkbox buttons. 🥰

2023-05-01 09:28:18

- reply

@npub1gf2…u0nm @npub1qwk…8gvk And of course, you have individual feeds for tags, Jeremy, omg. 👏👏😁

2023-04-21 16:21:53

“Google should be encouraging and fighting for the open web. But now their like, actually we’re just going to suck up your website, put it in a blender with all other websites, and spit out word smoothies for people instead of sending them to your website. Instead.”
Couldn’t agree more to what #[0] writes:
https://chriscoyier.net/2023/04/21/the-secret-list-of-websites/

2023-04-17 09:58:08

Make your own website.
Make it fun.
Make it pointless.
Make it YOURS.
#[0] at #[1] ✊💜

2023-04-16 12:35:42

If you always wanted to launch your own personal website but never really managed to do it – what is it that you struggle(d) most with?
The structure? The design? The development? The content?
#[0] #[1] #[2] #[3]