Pagefind is a new static site search tool built in Rust and ideal for Astro sites.
Safari will upscale your text if it thinks text on your site is too small. Here's how to fix it.
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.
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.
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 basic guide to regular git commands I always forget…
A basic guide to setting up a Hugo site with GitHub and Netlify.