Web Dev Simplified Blog

Do You Know All 4 CSS Focus Styles?

July 29, 2024

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.

Read more

4 New TypeScript 5.5 Features

July 15, 2024

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.

Read more

We Can Finally Animate height: auto; in CSS!

July 1, 2024

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.

Read more

Finally Master Next.js's Most Complex Feature - Caching

January 8, 2024

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.

Read more

React Server Components - A New Paradigm

November 27, 2023

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.

Read more

Markdown Crash Course

June 19, 2023

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.

Read more

New CSS Range Media Queries

December 5, 2022

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.

Read more

All 4 JavaScript Scopes Explained

October 10, 2022

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

Read more

Is CSS Transform Dead?

September 12, 2022

CSS just added individual rotate, translate, and scale properties which almost entirely remove the need for the transform property in CSS.

Read more

Ultimate React Router v6 Guide

July 25, 2022

React Router is by far the most popular routing library in React and this article goes in depth on everything you need to know about React Router.

Read more

useTransition Hook Explained

April 25, 2022

React 18 introduced many new hooks and in this article I will be talking about useTransition which is the most useful of those hooks.

Read more

How To Create Custom JavaScript Events

April 11, 2022

Custom events in JavaScript make handling things like double click, long press, and touch gestures much easier, but they can also be used for cross app communication.

Read more

How To Create A VSCode Snippet

March 7, 2022

Snippets are one of the easiest ways to customize your VSCode experience and in this article I will explain everything you need to know about creating your first snippet.

Read more

MongoDB Ultimate Guide

February 7, 2022

This ultimate guide will break down everything you need to know about MongoDB to build your next project.

Read more

CSS Position Ultimate Guide

January 17, 2022

Understanding how CSS position works seems straightforward, but there are quite a few nuances you need to understand in order to truly master CSS.

Read more

JavaScript Event Listeners Ultimate Guide

January 3, 2022

Event listeners appear simple at first, but they have an incredible level of depth that most people completely ignore. This article will cover everything you need to know about event listeners so you can avoid bugs and write better code for your projects.

Read more

CSS Box Model

December 20, 2021

There are countless ways to size and space out elements in CSS, but all those techniques involve the box model which is why learning the box model is crucial to learning CSS.

Read more

CSS Selector Ultimate Guide

December 6, 2021

CSS selectors are easy to get started with but hard to master since there are so many options which is why I created this ultimate guide to teach you not only the basics, but also the more advanced CSS selectors you need to know.

Read more

CSS Flexbox Ultimate Guide

November 22, 2021

Flexbox is easy to get started with but hard to master which is why I created this ultimate guide to teach you not only the basics, but also the more advanced features of flexbox.

Read more

ES6 JavaScript Modules

November 15, 2021

ES6 modules are one of the best features added to JavaScript since it makes writing clean code exponentially easier.

Read more

Are Online Courses Worth It?

August 2, 2021

Online courses claim to make you a developer quicker and easier, but are they worth the sometimes astronomical cost?

Read more

How To Accept Payments With Stripe

July 26, 2021

Almost every application needs some way to accept payments so in this article I will show you how to easily configure Stripe in just a few lines of code.

Read more

What's New In React 18?

June 14, 2021

React 18 introduces a ton of new features related to performance and loading which you should be excited about.

Read more

What Is HSL?

June 7, 2021

HSL is the easiest and best color format to use with CSS, but why exactly is that?

Read more

CSS Logical Properties

May 24, 2021

CSS logical properties are the new way to write padding, margin, border, and so much more. They will change CSS forever.

Read more

What Is Recursion?

April 26, 2021

Recursion is one of the hardest topics to learn as a new developer, but this is mostly due to confusing explanations and examples. This article will break down recursion in an easy to understand way with concrete and simple examples.

Read more

Do You Need To Know Math?

April 19, 2021

Programmers learn a ton of math in school, but do you really need to know math to be a programmer?

Read more

Dynamic Module Imports

March 8, 2021

By using dynamic module imports you can speed up your applications while making the user experience better.

Read more

Enhanced Object Literals

February 8, 2021

Creating objects in JavaScript is something you do all the time so you should know about these enhancements that make creating objects even easier.

Read more

CSS Transform

January 25, 2021

This article covers everything you need to know about the CSS transform property and the various transform functions.

Read more

(Arrow Functions) => Explained

September 14, 2020

Arrow functions are one of the best features added to JavaScript and in this article I will explain everything you need to know about them.

Read more

Stop Using IIFEs

August 31, 2020

Due to modern JavaScript features we no longer need to use immediately invoked function expressions.

Read more

Animation Fill Mode

March 23, 2020

Animation fill mode is the single most important property of CSS animations to understand so in this article I will be breaking down exactly how to use animation fill mode and what it does.

Read more

JavaScript Null Coalesce

March 16, 2020

Null coalesce is a new JavaScript language feature which makes assigning default values for null/undefined incredibly easy.

Read more