Pagefind is a new static site search tool built in Rust and ideal for Astro sites.
Until you know how long each task will take you, you can’t be predictably productive.
My YouTube channel just hit 30,000 subscribers but no one was ever supposed to see it. Now more than ever, I’ve had to be intentional about my focus to keep the main thing “the main thing.” Here’s my story as it currently reads.
Safari will upscale your text if it thinks text on your site is too small. Here's how to fix it.
Did you know you can enter a terminal-like save dialog option in macOS?
VSCode profiles are a great way to keep your work and personal projects separate. In this post, I'll show you how to create and use multiple VSCode profiles.
VS Code is a powerful tool made more powerful and quick by a few key keyboard shortcuts. Here are VS Code keyboard shortcuts I use every day to be more productive while coding.
When you’re first learning web development, the terminal can intimidating. Once you grasp the basics, however, you can move much more efficiently for most tasks through the command line. This post will introduce you to basic command line commands.
You can included templated language in Astro components to scaffold out dyanmic classes with the class:list directive.
Adobe files can take up a ton of space on your mac, but you can limit how much cache they take up and/or remove the cache to clear up space on your hard drive if you know where to look.
When you have a list of name or items in an array, you can quickly convert the array into a string so they read in natural language (*, *, and *).
When you come back to an old web dev project, it’s important to update your packages to get new features, bug fixes, and security patches. NPM Check Updates is a CLI that will help you safely make those updates.
This Keyboard Maestro custom HTML prompt lets you query any Zendesk support center from your keyboard and allows for link pasting, previewing articles, and more.
When I transitioned to an M1 Mac, my Logitech MX Master 3 started acting oddly—sometimes not scrolling or letting me use the additional buttons or features. Here’s how to fix it.
I wrote a script that calls the ESV API using NodeJS and then copies the result to your system clipboard. It uses Raycast by default, but you could also adopt the script to work with another program or in another environment.
You can pass variables or arguments into an AppleScript to send custom messages to specific people.
A short Terminal script on macOS can add either regular or small spacers to your macOS dock, which you can use to separate icons.
You can style keyboard input keys with the <kbd> element so it looks more like a physical keycap. Here’s the custom CSS I use on my site.
Lazy load YouTube embeds and use the YouTube thumbnail as a cover. I’ll also show you how to add your own custom play button on the thumbnail image and (as a bonus) how to use the embed as a custom shortcode or partial in the Hugo SSG.
With GulpJS, you can automatically compile, prefix, minify, and rename your SCSS to CSS.
If you need to crop a gif to 1:1 or crop a gif to square, there's a great command line tool called gifsicle that can crop, resize, and adjust your gif in a bunch of different ways.
A free icon set for common Git commands for iOS Shortcuts, Omnifocus Perspectives, macOS folders, or any other needs.
Airplay to a HomePod from your Mac or switch to any speaker output without scripting—just a simple Keyboard Maestro macro.
I created a system to scheduling out delayed text messages using Apple Shortcuts and Data Jar.
A basic guide to regular git commands I always forget…
A basic guide to setting up a Hugo site with GitHub and Netlify.