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.
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.
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.
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.
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.
Keyboard Shortcuts for Website with Chrome Site Search
Define custom shortcuts in the Chrome address bar that lead directly to a specific URL.
Pro Tips for Capturing Screenshots
Take your technical writing to the next level by presenting screenshots in the most effective way.
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.
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.
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.