Every New JavaScript Feature Worth Knowing Right Now
ES2025 has fully landed in browsers, ES2026 is wrapping up, and a few ES2027 proposals just crossed the finish line. Here is every new feature that is actually worth your time.
Feed
Web Dev Simplified Blog
Latest entries from Web Dev Simplified Blog.
I Love the New CSS corner-shape Property
Learn how the new CSS corner-shape property lets you create angled, concave, and squircle corners for some truly unique designs.
14 Advanced TSConfig Settings You Should Enable In Every Project
These settings go beyond strict mode and catch real bugs before they hit production.
RBAC vs ABAC vs ReBAC: Choosing the Right Permission System in TypeScript
Master RBAC, ABAC, and ReBAC with practical TypeScript examples showing how to implement each permission system.
The Ultimate Guide to TypeScript Utility Types
Every built-in TypeScript utility type explained with practical examples.
How to Create Dynamic Open Graph Images Automatically for Your Site
Learn how to automatically generate dynamic Open Graph images for your website using JavaScript.
Real World JavaScript Interview Questions For All Skill Levels
Move beyond the typical 'What is hoisting?' questions. These unique JavaScript interview questions will help you prepare for real-world scenarios and demonstrate deeper understandi...
These Advanced AbortController Features Are Amazing
AbortController is a relatively simple API, but there are many advanced features that really empower AbortController to an amazing tool I use all the time.
Top 10 Lesser Known Keyboard Shortcuts I Use Every Day
Keyboard shortcuts are a great way to speed up your workflow and these are the 10 keyboard shortcuts I use every day that most people don't know about.
@property Is One Of The Coolest New CSS Features
@property is the next level of custom properties in CSS and it has the potential to completely change the CSS writing experience.
CSS Advanced Display Property - contents, multi-value, flow-root, etc.
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 ...
CSS Quantity Queries Are Really Cool
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.
How To Build Projects 100% Faster
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.
aspect-ratio Is One Of My Favorite CSS Properties
The aspect-ratio CSS property makes responsive design (especially with images/videos) so much easier and it only takes a few minutes to learn.
Do You Know All 4 CSS Focus Styles?
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.
4 New TypeScript 5.5 Features
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.
We Can Finally Animate height: auto; in CSS!
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 fo...
Finally Master Next.js's Most Complex Feature - Caching
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 ca...
New CSS Property margin-trim
The new CSS property margin-trim is very simple, but incredibly useful when working in a component based design system.
React Server Components - A New Paradigm
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 i...
Markdown Crash Course
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.
How To Speed Up Page Load With Responsive Images
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.
Speed Up Your Site Instantly With Lazy Loaded Images - Advanced Lazy Loading
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.
Modals Will Never Be The Same - HTML dialog Element
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 you...
Every Important HTTP Status Code Explained
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.
New CSS Range Media Queries
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.
All 4 JavaScript Scopes Explained
There are 4 different scopes in JavaScript which each behave differently and you need to understand those differences to truly master JavaScript.
CSS :has A Parent Selector And It Is Better Than I Ever Could Have Hoped For
CSS has been lacking a parent selector for years and now they finally introduced one with the :has pseudo class and it is incredible!
Is CSS Transform Dead?
CSS just added individual rotate, translate, and scale properties which almost entirely remove the need for the transform property in CSS.
All 24 CSS Viewport Units Explained
There are 24 total viewport units in CSS which all serve a specific purpose and my goal in this article is to explain each unit to you.
Ultimate React Router v6 Guide
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.
Facade Pattern Explained With Practical Examples
The facade pattern is a very common and simple design pattern which can easily clean up your code which is why it is one of the first design patterns you should learn
How To Structure React Projects From Beginner To Advanced
React's unopinionated nature makes it hard to know how to structure projects which is why in this article I am covering 3 different ways of laying out your folder structure in Reac...
useImperativeHandle Hook Ultimate Guide
useImperativeHandle is the perfect hook for handling complex ref behaviors, but it is pretty complicated to understand.
useId Hook Explained
React 18 introduced many new hooks and in this article I will be talking about useId.
useDeferredValue Hook Explained
React 18 introduced many new hooks and in this article I will be talking about useDeferredValue.
useTransition Hook Explained
React 18 introduced many new hooks and in this article I will be talking about useTransition which is the most useful of those hooks.
How To Use CSS Layers
CSS layers change how the cascade works and it makes writing clean CSS code so much easier.
How To Create Custom JavaScript Events
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.
Stop Using The "!" Bang Operator In JavaScript
You may think you are writing cleaner code using the bang operator, but in reality you are just opening yourself up to a plethora of bugs.
How To Implement Debounce And Throttle In JavaScript
Debounce and throttle are two of the best ways to improve the performance of your site and in this article I talk all about how to implement both options and what they do.
20+ Console Methods That Will Revolutionize Debugging For You
You probably know console.log and a few other console methods, but did you know there are over 20 amazing console methods that make debugging easier and more enjoyable.
How To Create A VSCode Snippet
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.
Temporal Date API Ultimate Guide
This ultimate guide will break down everything you need to know about the new temporal date API in JavaScript.
MongoDB Ultimate Guide
This ultimate guide will break down everything you need to know about MongoDB to build your next project.
JavaScript Resize Observer Ultimate Guide
Detecting element size changes is something that is normally difficult to do, but with resize observer it is incredibly easy.
JavaScript Fetch API Ultimate Guide
The fetch API looks straightforward, but there are a lot of edge cases that this blog article will address for you.
CSS Position Ultimate Guide
Understanding how CSS position works seems straightforward, but there are quite a few nuances you need to understand in order to truly master CSS.
JavaScript Intersection Observer Ultimate Guide
Lazy loading, infinite scrolling, scroll based animations, and performant scroll events are all perfect examples of Intersection Observer in action.
JavaScript Event Listeners Ultimate Guide
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 eve...
CSS Pseudo Elements Ultimate Guide
Pseudo elements are an essential piece of CSS knowledge that you need to understand in order to create advanced designs.
CSS Box Model
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.
Stop Using setInterval. Use requestAnimationFrame
requestAnimationFrame is the best way in JavaScript to play smooth and efficient animations and in this article I will show you exactly how to use requestAnimationFrame.
CSS Selector Ultimate Guide
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 ...
How To Use The Most Used Array Method - Map
Map is by far the most used array method and in this article I will explain exactly what it does and why it is so useful.
CSS Flexbox Ultimate Guide
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.
ES6 JavaScript Modules
ES6 modules are one of the best features added to JavaScript since it makes writing clean code exponentially easier.
Better Than Promises - JavaScript Async/Await
Async/Await is syntactical sugar that makes working with promises and async code so much easier.
useDebugValue React Hook Explained
You have probably never used the useDebugValue hook, but this hook is incredible at helping you debug your custom hooks.
10 Must Know Git Commands That Almost Nobody Knows
Everyone knows how to add and commit changes, but that is only the start of Git. The Git commands in this article will supercharge your Git skills and save you time.
The Complete JavaScript Promise Guide
I promise this will be the best guide on promises you ever read.
How To Learn To Code Faster With Comments
Building projects from scratch is hard, but if you utilize comments correctly you can make writing projects from scratching trivial.
Are Online Courses Worth It?
Online courses claim to make you a developer quicker and easier, but are they worth the sometimes astronomical cost?
How To Accept Payments With Stripe
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.
How To Manage Technical Debt?
Technical debt may seem inevitable, but there are many techniques you can use to manage technical debt.
What's New In React 18?
React 18 introduces a ton of new features related to performance and loading which you should be excited about.
What Is HSL?
HSL is the easiest and best color format to use with CSS, but why exactly is that?
CSS Initial vs Inherit vs Unset vs Revert
Understanding how to undo and remove styles in CSS is a skill most developers never learn, but it is incredibly useful.
CSS Logical Properties
CSS logical properties are the new way to write padding, margin, border, and so much more. They will change CSS forever.
JavaScript Node Vs Element
Nodes and elements are very similar in JavaScript, but there are a few important differences to understand.
JavaScript Array Reduce Simplified
How the array reduce function works in JavaScript and how you can use it in your projects.
CORS (Cross-Origin Resource Sharing)
What is CORS and how to fix CORS errors.
What Is Recursion?
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...
Do You Need To Know Math?
Programmers learn a ton of math in school, but do you really need to know math to be a programmer?
Reference Vs Value - Most People Don't Understand This
Reference vs value is one of the most complicated topics beginner developers face, but it is much easier than it appears.
Dynamic Module Imports
By using dynamic module imports you can speed up your applications while making the user experience better.
Why Programming Needs To Be Fun
If you are unable to make programming fun you will never be able to become a programmer.
Enhanced Object Literals
Creating objects in JavaScript is something you do all the time so you should know about these enhancements that make creating objects even easier.
CSS Transform
This article covers everything you need to know about the CSS transform property and the various transform functions.
Generators Are Awesome!
Generators are incredibly useful for specific tasks and much easier to use than they appear.
Null Vs Undefined
This article explains the difference between null and undefined in depth.
Start Using JavaScript Sets Now
Sets in JavaScript are a specialized type of array that is perfect for unique lists.
Complete Array#flat Guide
If you are dealing with nested arrays then you need to know about the Array#flat method.
How To Use PropTypes In React
PropTypes are perfect for adding basic type safety to your React project.
Responsive CSS Aspect Ratio
Creating a responsive video or iframe that maintains its aspect ratio in CSS is much trickier than you may think.
Start Using JavaScript Maps Now
Maps in JavaScript are more performant, easier to use, and better equipped than JavaScript objects.
Literally Everything You Need To Know About classList
JavaScript classList seems straightforward, but there are actually multiple unique methods you probably don't know.
CSS Floats Are Still Useful
A short explanation on how CSS floats are still useful.
CSS Clamp Is Amazing
A short explanation of how to use clamp in CSS.
Every Beginner Is Confused By This
How passing functions to other functions works in JavaScript.
Data Attributes In JavaScript
How to use data attributes in JavaScript.
Instant Easy React Performance With Debounce
Get easy and quick React performance with a custom debounce hook.
NaN - Not A Problem
Everything you need to know about NaN in JavaScript.
What Are Pure Functions?
A quick explanation on what pure functions are and how to use them.
5 Ways To Become A Better Developer
Here are some quick tips you can use to improve your development skills.
(Arrow Functions) => Explained
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.
How To Prevent The Most Common Cross Site Scripting Attack
A quick guide on how cross site scripting works and how to ensure your site is not vulnerable.
Stop Using IIFEs
Due to modern JavaScript features we no longer need to use immediately invoked function expressions.
How To Use Destructuring And The Spread Operator? (One Of The Best JS Features)
An in depth analysis of how to use destructuring and the spread operator with objects and arrays.
JavaScript Cookies vs Local Storage vs Session Storage
An in depth analysis of all the differences between cookies, localStorage, and sessionStorage.