All Blog Posts
Browse the following posts, or view all tags.
-
Published on
Don't Use a Fixed Line Height
In typography, the ideal line height for text depends on a variety of factors, including font size, line length, and font family.
-
Published on
11ty: The Good, the Bad, and the... Possum?
An in-depth review of 11ty, an extensible static site generator written in Node that supports a variety of template languages.
-
Published on
Premature Optimization: Code First, Optimize Later
Don't optimize your code just because you have an inkling that it's slow. Focus on writing readable, well-tested, and well-documented code; optimize it if you need to.
-
Published on
React, Iframes, and a Back-Navigation Bug
If an iframe re-renders in React, it can interfere with back navigation in your browser. The solution? Force the iframe to unmount with a unique key.
-
Published on
Make Atomic Git Commits
It can be tempting to lump unrelated code changes into a single commit, but this makes it difficult to debug and time travel in Git. Prefer to write atomic commits that have a single responsibility.
-
Published on
How to Format Code on Save in VS Code with ESlint
Never worry about manually formatting your code again. Improve your developer experience by setting up ESLint to format code on save in VS Code.
-
Published on
CRLF vs. LF: Normalizing Line Endings in Git
Line endings can differ from one OS to another. Learn the history behind CRLF and LF line endings and how to enforce line endings in Git.
-
Published on
Why Developers Should Write
Writing is likely one of the last skills you associate with software development. But it plays a key role in everything that we do and can help you build a more successful career.
-
Published on
Set a Width and Height on Images to Reduce Layout Shifts
Dimensionless images can cause layout shifts as they load, hurting your page's performance. By setting a width and height on images, you allow the browser to initialize an aspect ratio for those images and minimize layout shifts.
-
Published on
Why You No Longer Enjoy Reading
Reading books isn't something that everyone enjoys. But if you used to like reading but can no longer get past the first chapter of a new book, there may be a few reasons why.
-
Published on
Why I Don't Like Tailwind CSS
On paper, Tailwind CSS sounds like a great idea. In reality, it suffers from the same problems that it tries to solve.
-
Published on
SVG Tutorial: How to Code SVG Icons by Hand
Follow along with the examples in this in-depth guide to learn how to draw SVG icons and simple shapes by hand.
-
Published on
Creating a Vertical Rhythm with CSS Grid
Margins are commonly used to space paragraphs in an article, but CSS Grid offers a more intuitive alternative that defines the spacing at the layout level.
-
Published on
Rest in Peace, Flash
If it were up to me, things wouldn't end this way. We had some great times together, but now it's time to say goodbye.
-
Published on
Subtle Accessibility Failures (And How to Fix Them)
You've scored 100 on Lighthouse's accessibility audit. But is your site actually accessible, or have you overlooked more subtle accessibility failures?
-
Published on
Be Careful with Async Functions that Return Booleans
Suppose an async function returns a boolean. What happens if you check the return value without awaiting it?
-
Published on
Dynamic Tag Name Props in React (with TypeScript)
Sometimes, a React component needs to allow users to render a custom tag. Here's how you can pass dynamic tag names as props.
-
Published on
What Are Higher-Order Components in React?
Higher-order components are one of React's most popular design patterns, allowing you to define reusable stateful logic and create powerful, flexible components.
-
Published on
6 Ways to Undo Changes in Git
If you ever find yourself in a sticky situation with git, don't panic. Here are some simple ways you can undo changes in git and clean up your commit history.
-
Published on
Does Web Performance Matter? It Depends.
Some big brands have a slow page load speed, but they still rank well on Google. So does web performance even matter?
-
Published on
Creating Aspect Ratios in CSS
Learn how to give any element an aspect ratio in CSS, using the modern aspect-ratio property or a trick with percentage padding.