Today I learned

Removing YouTube Shorts with CSS

I'm a bit annoyed by YouTube Shorts on my YouTube feed page. I'm there for for long-term format videos and Shorts just are not my kind of…

State of Usability in 2023

#UX

Last year I subscribed to the Smashing Magazine Newsletter ↗ , and it was a great decision. The authors share useful front-end & UX…

CSS Gradient Text

#CSS

My wife is a UX designer and wanted to integrate text gradients into her designs. I've never created something like this before and didn't…

Clamp CSS function

#CSS

Today I learned about the clamp css function. A friend, with whom I'm currently working on a project, the aerosol alliance website ↗ told…

Never use px for font-size

#CSS

In a recent newsletter I stumbled over the blog post by Josh Collins Why you should never use px to set font-size in CSS ↗ . I've used…

Tech Pays in Europe

#Software Development

This Today I learned post is slightly different from the others. While the previous ones were about specific technologies, tools, or…

Secure JavaScript URL validation

#JavaScript#Web Security

URL validation is super important because it checks if a URL follows a proper URL syntax and is not malicious. Nowadays URL-based…

Worlds highest website

#HTML#CSS

Today I learned that there exists something like the ↗ worlds highest website . It's exactly 18.94 kilometers high, wow! You can scroll it…

Squoosh App

#Performance

This is not an actual Today I learned, because I already know about this tool for several months. Nevertheless I want to share it with you…

Web Vitals Element

#Performance

As a frequent reader of Stefan Judis blog ↗ I often come across the stats in the bottom right of his website. It shows for example the…

The a11y project

#Accessibility

Today I learned about the a11y project. As you might know a11y stands for accesibility. It has 11 characters that's where the short-hand…

Incomplete list of CSS mistakes

#CSS

Today I learned that in the CSS Working Group Wiki exists an incomplete list of mistakes in the design of CSS ↗ . If you check out that…

Setting a theme color without JavaScript

#CSS

Having the ability to set the color of a whole section is a pretty common usecase in modern websites. If you're working with React there are…

Faster page loads with early hints

#Backend

Today I learned about eary hints! Early hints are a status code (103 Early Hints). They are sent by the server to the browser to notify the…

Array Sort modifies the original array

#JavaScript

JavaScript provides us a ton of useful array methods. One of them is the .sort() method, which as the name says sorts an array. This is…

HTML Sanitizer API

#HTML#Web Security

Today I learned that there is a HTML Sanitizer API ↗ . It takes untrusted strings of HTML and sanitizes them to enable a safe insertion…

Efficiently load third-party JavaScript

#JavaScript#Performance

Third-Party JavaScript is one of the number one things that slows down modern websites. And it's often hard to improve as you are unable to…

Data fetching in React 18

#React#API

If you've worked with React you've possibly done something like this to fetch data from an API: With the release of React 18 a lot of people…

How to write great alt text

#Accessibility#HTML

Writing good alt text is hard. I get it. But not having any alt text is the worst you can do. It's still one of the most common…

Automatic ER diagrams

#Backend#Prisma

Someone on Twitter shared this automatic ER diagram generator for prisma. At my last job we manually updated our ER diagram on every…