Home

HTML

Building an SVG Icon System for Web Projects

Icons come up in every project these days. Here’s a generic solution to the foundation that I use to manage icons in all my projects.

Feb 27, 2023

Styling Placeholders for Select Fields

A (limited) CSS-only approach for styling placeholders, along with a way to work around the limitations with a custom JS-based solution.

Jun 16, 2022

The Jamstack Journey: A Guide on Transforming an Idea into a Website

It takes a lot to bring an idea to life on the web, even for the simplest of sites. Follow this guide for a detailed look at moving from concept to a website deployed to your domain.

Sep 08, 2021

How to Convert Static HTML into Powerful Templates

Learn how to take a handful of static HTML files and convert them into templated files that will help you minimize errors and work more efficiently.

Aug 10, 2021

WTF is the DOM?

A brief introduction to the DOM with a quick example on manipulating it, and a link to digging in deeper.

Jul 28, 2020

WTF is HTML?

A brief description of HTML, before suggesting a couple free courses.

Jun 24, 2020

Wait Until All Images are Loaded

When you don't want to perform an action until the browser has downloaded all appropriate images.

Jun 03, 2018

Simple Looping Crossfade Image Slideshow

A simple way to give the appearance of a full-screen looping slideshow with crossfading animation.

May 18, 2018

Change CSS within an iFrame

When you have access to the code inside an iFrame, you can manipulate its DOM that can lead to style changes.

May 17, 2018

Manipulate iFrame Content

When you can communicate with the code inside an iFrame, you can make any change you want to the code within that iFrame.

May 02, 2018