Today I learned

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

Missusing useEffect

#React

Today I learned that Reacts useEffect is not meant for data fetching and is not a state setter either! This questions all my best…

Read more

Most common accessibility issues

#Accessibility#HTML

The web is not accessible . That’s not new, that’s not what I learned today. But the amount of accessibility errors did surprise me. The…

Read more

Confetti

#HTML#React

In a project I worked on recently someone mentioned it would be cool to have some confetti after a form submission . I loved this idea…

Read more