@property is the next level of custom properties in CSS and it has the potential to completely change the CSS writing experience.

The display property in CSS can do so much more than just flexbox, grid, and none which is why this article is all about deep diving into the lesser known, but equally as powerful other uses of the display property.

Quantity queries are an incredible CSS feature that allows you to style elements based on the number of elements in a container without using any JavaScript at all.

Learning how to properly plan projects is one of the most important skills you can learn since it will lead to you finishing more projects quicker.

The aspect-ratio CSS property makes responsive design (especially with images/videos) so much easier and it only takes a few minutes to learn.

Handling focus in CSS is quite a bit more complicated than it seems and in this article I cover the 3 main CSS focus methods as well as a secret fourth focus method.

TypeScript 5.5 may seem like a small update, but it comes with one of the most requested features for fixing array filtering as well as 3 other really cool features that I love.

For decades, height: auto; has been a pain to animate in CSS. But with the introduction of the calc-size() function in CSS, we can finally animate height: auto; without the need for any JavaScript.

By far the most confusing part of the app router in Next.js is how caching works which is why this article will break down exactly how every part of Next.js's cache works so you can stop fighting it and start benefiting from amazing performance gains.

The new CSS property margin-trim is very simple, but incredibly useful when working in a component based design system.

Server components are the new way of writing React applications and it changes everything about React making it easier than ever to create complex applications. This article goes in depth into everything you need to know about server components.

Markdown is one of the best text markup languages and with this aritcle you will learn everything you need to know to become a master of Markdown.

Image loading is a major factor in page load times which is why it is important to use responsive images to minimize the amount of data that is transferred to users.

Lazy loading images is one of the easiest ways to speed up your site, but there are a few advanced techniques you can use to make your lazy loading even better.

The new HTML dialog element makes working with accessible modals so much easier. In this article I explain everything you need to know about the new dialog element to use it in your next project.

HTTP status codes are vital to creating an API and in this article I will explain all the important HTTP status codes and when to use them.

Defining media queries with min-width and max-width is not super intuitive which is why CSS added range media queries and they are amazing.

There are 4 different scopes in JavaScript which each behave differently and you need to understand those differences to truly master JavaScript.

CSS has been lacking a parent selector for years and now they finally introduced one with the :has pseudo class and it is incredible!