Today I learned

Removing YouTube Shorts with CSS

#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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more

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…

Read more