Posts
Written content to help you along your web development journey, without forgetting to have some fun along the way.
View README Code in GitHub
Toggle between preview and code mode when viewing a markdown file in GitHub.
Making Videos with Code is Cool, but is it Productive?
There are more and more tools out there that let you build things (that aren’t websites) with code. Like Remotion for making videos with React. It’s super cool. But should you use it?
Resetting State on Next.js Route Change
Component state doesn't change when navigating between dynamic routes in Next.js that use the same component. useEffect can help.
8 Notion Pro Tips to Supercharge Your Productivity
Shortcuts, patterns, and other ideas that I use every day and that I also don’t see many others using.
Mapping Dynamic Object Keys in TypeScript
Dynamic property maps are a super powerful paradigm in JavaScript, but they can be tricky to type correctly with TypeScript.
Use Dynamic Property Maps over Switch Case Statements
An everyday JavaScript pattern to avoid clunky switch-case statements and unnecessary if conditionals.
The Best Thing about Jamstack
In exploring the artifacts of the early Jamstack movement, I’ve come to discover the best part of the Jamstack. This now guides how I describe Jamstack.
How to Model SEO Content for Websites
Give flexibility and control to web content editors by building smart content models for SEO meta tags.
Popular Web Animation Techniques in 2022
Web animation is a great way to grab attention. Check out the web animation trends in 2022.
Light/Dark Mode Favicon for React Sites
Toggle between two favicon images based on the user’s current theme (color scheme).