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.
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.
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.
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.
WTF is the DOM?
A brief introduction to the DOM with a quick example on manipulating it, and a link to digging in deeper.
Wait Until All Images are Loaded
When you don't want to perform an action until the browser has downloaded all appropriate images.
Simple Looping Crossfade Image Slideshow
A simple way to give the appearance of a full-screen looping slideshow with crossfading animation.
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.
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.