Code

Unique styling with custom classes added to the body tag in WordPress

Sometimes when I’m making a site, I need to alter the overall page styles for a whole section, or collection of pages. To do this, I prefer adding a new class to the <body> tag so that I can target all of the children easily using CSS nesting. Let’s say I’m making a new website…

Design

Paying homage to (or stealing from) your inspiration

I had an idea for the new version of my site: I was going to illustrate objects using only HTML and CSS ( to show that I know how to do stuff with code), and make them look like they were neatly organized in a physical space* (which seems vaguely trendy) according to the underlying grid…

Code

 /  Front-end Series

Adding single page “scrolling” navigation to your site

Update: June 2021 Lots of people keep finding this page through search and the original method from 2014 was outdated and broken. So, this new method (embedded below and also available on CodePen) is a better version that works with vanilla JS instead of requiring jQuery. To see it in action on a full page,…

Code

 /  Front-end Series

Basic introduction to jQuery (Part 4)

Okay, this is the last part of the “intro to jQuery” tutorials… you can start with the previous tutorials if you’d like: Part 1 | Part 2 | Part 3 This time, we’re going to round out the functionality of the pop-ups by adding an optional “close” button inside of the pop-up, and use some different…