Home

Posts

Written content to help you along your web development journey, without forgetting to have some fun along the way.

Transforming Unsplash Images

Unsplash uses Imgix to serve its images, which means you can transform the images before downloading.

Dec 08, 2022

Simplify Context Switching with Browser Tab Groups

Browser tab groups can help contextualize tabs to make it easier to jump back into a project after you’ve been pulled away.

Dec 02, 2022

Using Unsplash API to Seed Placeholder Data

With its large collection of (free) professional imagery and easy-to-use developer API, Unsplash is a great tool for generating contextual placeholder images for your application.

Dec 01, 2022

Capturing Screenshots for Documentation and Blog Posts

Images can be a valuable aid to written content. But getting them right is time-consuming without the right tools and processes in place.

Nov 30, 2022

How to Add SVG Icons to a React Project

Vector icons have become an essential part of nearly every web project. Stay consistent and organized when adding icons to a React project.

Oct 06, 2022

Keyboard Shortcuts for Website with Chrome Site Search

Define custom shortcuts in the Chrome address bar that lead directly to a specific URL.

Oct 06, 2022

Pro Tips for Capturing Screenshots

Take your technical writing to the next level by presenting screenshots in the most effective way.

Oct 04, 2022

JavaScript for 11ty with esbuild

As your 11ty application evolves, you’ll want more organization with your JavaScript. Here’s a method for bundling together using esbuild.

Sep 30, 2022

2 Methods for Binding JavaScript Events with 11ty

When using raw JavaScript with 11ty, there are multiple approaches you can take for binding events, all without complicating the JavaScript you’re using.

Sep 29, 2022

Pass Argument to addEventListener

When using the native addEventListener function, you may often want to pass arguments to the callback function. Anonymous functions are here to help.

Sep 28, 2022