Dev Notes.

Build a Custom Cookie Consent Banner

Learn how to build a custom cookie consent banner. In this post we'll build a banner using SvelteKit, but the ideas can be used in any framework.

Common UX Mistakes to Avoid on Your Website

This post goes over some of the most common User Experience (UX) mistakes I've noticed on websites, and how you can avoid them.

Building a Before and After Image Slider

This post walks through building a before and after image slider that works on desktop and touch devices.

Helpful Resources for Web Developers

This post includes a list of useful resources that I've come across over the years.

Using Heading Tags Appropriately

This post goes over why and how to use heading levels appropriately. I'll also discuss what to do when the design doesn't include headings for different sections.

Find All Broken URLs for a Website

Learn how to find all URLs for a website that have been indexed on Google and how to get a list of URLs that are broken so you can create redirects.

Create a Sitemap for Your SvelteKit Website

In this post we'll go over creating a simple sitemap in SvelteKit.

Build a Modal Component with Svelte

This post walks through building a simple modal component in Svelte. This modal component is the same modal I use on this website.

Adding Tailwind CSS to Your Shopify Theme

This post walks through the process of setting up Tailwind CSS in a Shopify Theme and running multiple terminal commands at once using Concurrently.

A List of Resources for Website Assets

A helpful list of resources for icons and stock images.

How to Trap Focus Inside a Modal to Make it Accessible for All Users

When a user has a modal open they should be confined to that modal until they decide to leave it, including when navigating the modal with a keyboard.

Fade in Elements as They Come Into View

Fading content in as it comes into view is a nice effect you can add to your website to enhance your users experience. Learn how to add this to your website.

How to Turn on Kid Mode on your iPhone

Learn how to enable kid mode on your iPhone so you can let your kids watch videos or play games on your iPhone without worrying about them calling 911.

Build a Custom Datepicker with Svelte

This post walks through building a basic datepicker using Svelte. This is a great starting point for building a more complex datepicker.

Block Specified WordPress Plugins from Receiving Updates

This code can be placed in your theme's functions.php to prevent the specified WordPress plugins from getting updated.

I Built a Game Called Flipping Bananas

I built a game called Flipping Bananas. It's a puzzle game with similarities to Minesweeper and Picross. Flip over cards to find bananas, but beware of Spike the Dog!

Run JavaScript Function Once a Condition is Met

A simple snippet that runs a function continuously until a condition is met. Once the condition is met it executes some code and the interval is cleared.

Require Double Clicking cmd+q to Quit Applications on macOS

Add a script that requires clicking cmd+q twice to quit applications on macOS. Never accidentally quit an application when you only wanted to close a tab again.

Add Custom Rewrite Rules to WordPress

Add custom rewrite rules to WordPress to replace a query string for a user profile page with a pretty url path.

How to Properly Hide an Element with CSS

You may think hiding elements with CSS is trivial but there actually is an incorrect way of doing it, and you've probably done it. I know I have.