Today I learned

Web Vitals Element

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…

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…

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…

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…

POST vs. PUT

#API

As I was recently part of a team developing a RESTful API, I stumbled a lot about the differentiation between POST and PUT requests. I…

Headless Wordpress

#API#GatsbyJS

Today I learned about headless wordpress. Wordpress now offers a REST API which makes it possible to decouple the frontend completely from…

Encoding POST request body

#API

Today I learned, that passing unencoded text into the body of a POST request is a bad idea. It could result in security issues and…

CSS container queries

#CSS

I can't believe I'm actually writing this but CSS container queries are coming! 🥳 🎉 At some point I stopped counting the times when I was…

Improving SEO with Gatsby Gitinfo

#Git#GatsbyJS

When you are using GatsbyJS there is a really useful plugin to add git infomation to your pages. The gatsby-transformer-gitinfo plugin…

The Set Object

#JavaScript

Today I learned about the Set object. It lets you store unique values of any type, whether primitive values or oject references. It's…