Dev Blog Posts
Technical posts and tutorials covering a range of languages, technologies, and concepts.
-
How Writing Can Help You Become a Better Developer
Writing is likely one of the last skills you associate with software development. But it plays a key role in a developer's life and can help you build a more successful career.
-
Remember to Set a Width and Height on Your Images
Layout shifts can be annoying and may even hurt your page's ranking, but you can minimize them by setting a width and height on images.
-
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.
-
SVG Tutorial: How to Code SVG Icons by Hand
Learn the basics of SVGs so you can code your own SVG icons by hand, without always relying on icon libraries.
-
Creating a Vertical Rhythm with CSS Grid
Margins are what you typically use to define a layout's vertical rhythm. But CSS Grid offers a better alternative.
-
Subtle Web Accessibility Issues (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 issues?
-
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?
-
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.
-
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.
-
6 Ways to Undo Changes in Git
If you ever find yourself in a sticky situation with git, don't panic. Here are six simple ways you can undo changes in git and clean up your commit history.
-
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?
-
Returning Data After an Insert in PostgreSQL
Easily return auto-generated and serial IDs after inserting new rows into a table with PostgreSQL's RETURNING clause.
-
Responsive Aspect Ratios in CSS with Percent Padding
Learn how to give any element on your page a responsive aspect ratio, using a CSS trick with percentage padding.
-
JavaScript Promises: Practical Use Cases and Examples
Promises are a powerful tool for writing asynchronous code in JavaScript. Here are a few interesting use cases.
-
Optimizing Images for the Web with WebP and Lazy Loading
Images make the web a more beautiful place, but this sometimes comes at a price. Learn how to optimize images for the web using the WebP image format and lazy loading with JavaScript.
-
Blue People Illustrations, or How to Kill a Brand
There's a recent trend in web design of using illustrations of blue, generic, faceless people. And it's killing brands.
-
Don't Mind the Leetcode Grind
Leetcode is one of those polarizing topics that you either love or hate. But what exactly is it? And does it even deserve your attention?
-
How to Sort Ant Design Tables in React (the Easy Way)
The Ant Design UI library lets you sort tables by one or more columns, using a sorter prop. But the syntax can get quite repetitive. Let's fix that!
-
An Accessible Jekyll Table of Contents
Easily create a table of contents in your Jekyll blog posts with one simple include, with a skip navigation link to make things accessible for keyboard users.
-
What Are Cookies?
You've heard the term before, but maybe you're still lost. What are cookies? How are they used? And how do they affect online privacy?