Blog

Content Slideshow

JavaScript

A simple Mailchimp sign up form

WebDev

Bluehost is slow and here’s how to fix it

WebDev

WordPress error: Cannot modify header information

WordPress

Remove head tag bloat from WordPress using functions.php

WordPress

Zigzag Content that floats the image on medium (tablet) viewports and stacks the image on small (mobile) viewports

CSS

Fonts with ligatures on the web

CSS

WordPress: Navigation Menus

WordPress

Create event tracking for outbound links in Google Analytics 4 (GA4)

WebDev

Use CSS Grid instead of Position Absolute to stack (and center) your content

CSS

Replace button elements with option elements in a select dropdown on smaller viewports

JavaScript

Window resize event that watches if the viewport is less/greater than a specific value

JavaScript

Random selections that don’t repeat until resetting

JavaScript

Split in half CTA flexbox content that expands in width on hover

JavaScript

Glide.js testimonial slider with pagination dots

JavaScript

Reduced list items that expand and collapse

JavaScript

OpenTable responsive widget

CSS

2022

SCSS Mixin – Rabbet Border

CSS

npm Starter Workflow with Browser Sync, SASS compiler, etc.

Node.js

SVG Menu Icon

CSS

Tabby, a very simple tabbed content UI

JavaScript

Animations with GreenSock Animation Platform + ScrollTrigger

GSAP

Animations with the Intersection Observer API

JavaScript

Slide-in Overlay Message

JavaScript

Header element that shrinks upon scrolling down to the main content

GSAP

Display a warning modal when visiting external links

JavaScript

Display a new input element after selecting ‘Other’ from select element

JavaScript

Scroll Padding Top with a custom CSS property

JavaScript

Create ‘option’ elements from ‘a’ elements

JavaScript

CSS Grid Collage

CSS

Accessible hotel booking widget with flatpickr.js

JavaScript

Read More Toggle (Alternative)

JavaScript

Read More Toggle

JavaScript

Scroll Down “Below The Fold”

JavaScript

Info Overlay

JavaScript

Set a link’s href value to the href value of another link

JavaScript

Toggle Content

JavaScript

Install Gulp and watch/minify SASS and JS

Node.js

Detect Current Page

JavaScript

Video Embed with Intrinsic Ratio

CSS

Prevent href=”#” from appending ‘#’ to address bar with JavaScript

JavaScript

Prevent CSS transitions from firing on page load with JavaScript

JavaScript

JavaScript Accordions

JavaScript

2021

Polaroid and Fujifilm Instant Photos from 2021

Life