Parallax Containers

The popularity of this web design technique was short-lived so, for those unfamiliar with it, Wikipedia has a good definition: Parallax scrolling, also known as “asymmetrical scrolling,” is a technique in computer graphics and web design where background images move by the camera slower than foreground images, creating an illusion of depth in a 2D […]

Custom Templates for WordPress Posts Based on Category

Most WordPress theme developers know that it is relatively easy to create custom page templates but not as easy to have more than one template for posts. Adding this short bit of PHP to your functions file will allow you to create unique templates for posts within certain categories. As an example, posts using the […]

WordPress Custom Meta Box Tip

How to Keep Your WordPress Custom Meta Box Key and Value from Appearing in the Custom Field List A client recently asked me for a second visual editor for a page template that would allow them to put extra content in the sidebar. This was pretty easy to do using the WordPress add_meta_box() function but […]

Editing HTACCESS in Mac OS X

Sometimes you need to be able to edit .htaccess and other hidden files in your local development environment. First you need to expose hidden files by launching Terminal and executing the following command: defaults write AppleShowAllFiles YES Next you need to relaunch the Finder (command-option-esc). Import .htaccess from your web server directory, make a […]



xyPanels is a plugin that I developed for front end web developers and a twist on popular one-page website designs. Most of the heavy lifting is done by jQuery but I am planning to replace certain functions with modern CSS (such as the Flexbox layout module) in future releases. xyPanels also operates “outside” the layout […]


Nashville Jazz Workshop

NJW is an amazing organization that I have been involved with ever since coming to Nashville. This is a site that I built for them with the help of graphic designer Brian Parker following their recent rebranding. Please visit the NJW website!

Vanderbilt Nursing Annual Report

For their 2015 annual report, the Vanderbilt Nursing Department decided that they wanted to go completely interactive (no print). Chris Craig and I worked on this project together for Vanderbilt Web Communications. See the final report!

Vanderbilt Business Magazine

This is a WordPress theme that I recently built for Vanderbilt Business Magazine — an alumni publication for the Vanderbilt Owen Graduate School of Management. It is actually the child of a separate parent theme designed to support multiple publication sites such as Vanderbilt Medicine Magazine. Please visit the Vanderbilt Business Magazine website!

Applying Opacity to a Container But Not Its Contents

Another quick and easy technique which seems to elude many of us! While the use of RGBa for background colors is not supported by all browsers it can still be used with a fallback: <style> div { /* Fallback to solid white */ background: rgb(255, 255, 255); /* White with 50% opacity */ background: rgba(255, […]

PHP Classes and Functions

PHP classes are part of object-oriented (as opposed to procedural) PHP programming. They store reusable code — just like CSS classes — and are used for representing data as objects that can contain different types of variables (properties). Here is a very short and very simple example of how to use a function (method) inside […]


Page Content Filtering Using CSS and jQuery

This is something that I first created for a project at Vanderbilt University. The basic idea is to have a keyword match input field on a page that filters page content for the user without making a server request and reloading the page. TAKE A LOOK AT THE DEMO Some thoughts on what to do […]

Containers and Percentage Widths

I wanted to clear up something that is fairly basic but tripped me up a little when I started coding more responsive layouts. Whenever you apply a width value to a container its values for padding and margin get added to that value. In the following example the container element will actually be 640px — […]

Three New Approaches to Website Design

Whenever a new website is being planned it is typical for the web team to create wireframes and design comps before any code gets written — especially for large projects involving several stakeholders. Wireframes serve as the blueprint for the structure of each webpage template and the subsequent design comps add the visual representation. Wireframes […]

World Shapers

Owen World Shapers

The Owen World Shapers microsite is something that I built for the Vanderbilt University Owen Business School and features profiles of distinguished alumni. The site — including the CMS used to manage the profiles — was built completely by scratch aside from the use of the excellent Bootstrap responsive framework. Visit Owen World Shapers


Accordion Menus

When they first came into use accordion menus took a lot of coding but now — thanks to jQuery — they are quite simple. There are lots of plugins and code samples available for creating these but I wanted to have one that would (1) close open accordions when another one was opened and that […]

IE and Compatability Mode

So just when you thought you could stop testing for IE6 and IE7 their ghosts come back to haunt you! Compatibility mode in IE was – to my understanding – meant to allow obsolete web applications to render correctly by simulating an outdated version of the browser. For an ordinary person this option should not […]

Interactive Timeline

The Which Program is Right for Me interactive timeline is something that I built for the Vanderbilt Owen Graduate School of Management as a companion to a printed info-graphic from one of their brochures. The purpose is to help prospective students choose a program based on the current stage of their careers. See the interactive […]