Web Dev Simplified Blog

These are my 10 favorite keyboard shortcuts that I use everyday as a programmer.

Everything you need to know about the difference between double and triple equals in JavaScript.

This article breaks down everything you need to know about CSS calc to take your CSS skills to the next level.

An in depth look at every aspect of the useLayoutEffect React hook.

You have probably heard of hoisting but what exactly is it and how does it work.

Do you wish you could format dates like this: '2 days ago', 'yesterday'. Well with JavaScript internationalization it is incredibly easy.

Every method you need to know to center elements in CSS.

A simple explanation of how to take advantage of dynamic imports to make your site load faster.

An in depth explanation of why you should be using the template tag.

An in depth look at every aspect of the the useReducer hook in React.

An in depth look at every aspect of the the context API and the useContext hook in React.

This article covers everything you need to know about BEM in order to start using BEM to clean up and organize your CSS styles.

Everything You Need To Know About The Ternary Operator In JavaScript.

An in depth look at every aspect of refs and the useRef hook in React.

An in depth look at every aspect of the useMemo and useCallback React hooks.

An in depth look at every aspect of the useEffect React hook.

An in depth look at every aspect of the useState React hook.

You are used to trading time for money at your job, but trading your money for time is just as important if not more important.

While not everyone should be a programmer I think it is crucial that everyone learns at least the basics of programming.

Learn all about how triangles can be created and manipulated in CSS.

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.

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

Optional chaining is a new JavaScript language feature which will revolutionize how null and undefined are handled.

Exploring the power of tagged template literals.

A brief explanation of N + 1 queries and how to avoid them.

Everything you need to know about CSS custom properties.

A brief explanation of magic numbers in code and why they are bad.

An in depth breakdown of how CSS specificity works.

Multiline text overflow fading and dynamic expand/collapse buttons are difficult to create so in this article I show you a simple way to do both.

A quick explanation of the differences between var, let, and const.

An explanation of what semantic versioning is and why it is important.

An explanation of guard clauses and how they can be used to clean up complex nested conditional logic.

An in depth tutorial on the @supports CSS at-rule, and how it can be used to write modern CSS without breaking older browser support.

An explanation of the difference between standard, async, and defer script tag loading, and which is the best to use.

React portal lets components be rendered outside their parent component which is incredibly useful in specific scenarios explained in depth in this article.

Middleware in Express is one of the easiest ways to create DRY and well written code which is why it is crucial to know how to use and write good middleware.

Storing state in React is difficult to do right, but by storing state as locally as possible it can be a lot easier.

A brief explanation of why fitness and physical health is so important, especially for programmers.

A simple step by step guide on how to learn any new technology or topic quickly and efficiently.

A quick explanation of how to write custom hooks and why they are so useful.

The quickest way to have corrupt out of sync state is by storing derived state.

A detailed description of the steps needed to deliver an effective code review, even if it is just for your own code.

A quick breakdown of exactly how to use data attributes with CSS to create dynamic content.

A breakdown of why the common practice of using class selectors in JavaScript makes code impossible to refactor, and what you should do instead.

A detailed breakdown of what short circuiting is, how it works, and why it is important.

Two simple ways to use ES6 modules with Node.js.

A quick tip on how to easily test any site for colorblind accessibility.