Treehouse: Grow your CSS skills. Land your dream job.

#81: AJAXing a WordPress Theme

Watch me bumble my way through adding AJAX functionality to a WordPress theme. The idea is that any internal link on the site will load into the main content area …

#80: Regarding Wheel Invention

A couple needs a photo gallery for their wedding, where everyone can browse and upload their own photos from the wedding. Beginner developer: I know of some great software we …

#79: Complete/Non-Queuing Animations with jQuery

When you use jQuery's .animate() function with something like a hover event, those animations will "queue up". That is, if you hover multiple times, that animation will fire multiple times. …

#78: On Web Advertising

In this screencast I discuss online advertising. What it is, how it works, and why it isn't evil (except when it is). I talk about my experiences, the different services …

#77: Styling an Individual Article

The idea of "art directing" posts is very popular lately. It's the idea of applying unique styling to an article on the web in the way that print designers uniquely …

#76: A Tour of jQuery on a Live Site

I'm busy, you're busy, we're all busy trying to meet deadlines and get things done in this crazy web world. I love learning new technologies when I can, but I'm …

#75: How Not To Design a Checkout

You'll have to forgive me here folks, this isn't a very constructive screencast. I was frustrated at the crappy checkout process for a software product I was trying, so I …

#74: Editable CSS3 Image Gallery

We build a pretty typical image gallery design pattern, a grid of images that pop up larger when clicked. But this image gallery page makes use of hot semantic HTML5 …

#73: Building a Website (3 of 3): WordPress Theme

In part 3 of this series, we take the HTML and CSS that we have already created for this design, and convert it into a WordPress theme. We start with …

#72: Building a Website (2 of 3): HTML/CSS Conversion

In part 2 of this series, we begin the HTML/CSS conversion of the Photoshop mockup we created in part one. We start with a very skeletal project framework. Then we …

#71: Building a Website (1 of 3): Photoshop Mockup

This is the start of a three-part series on building a website. This will be a real website for a musician friend of mine, who's website I happen to ruin …

#70: Random Pet Peeves

I just randomly go through some little annoyances and gripes I have with everything from OS X to Photoshop to WordPress to CSS. I thought of about 5 more the …

#69: First Ten Minutes with TypeKit

I got the invite from TypeKit, signed up, and had beautiful custom fonts rocking my page in just a few minutes. I'll show you the entire process from start to …

#68: Think Geek Background Fade Technique

This video demonstrates the technique seen on the Think Geek 3.0 site. The bottom of the site has a design of a bunch of robots and as the screen is …

#67: jQuery Part 3 – Image Title Plugin

This video focuses on taking an already existing idea and code and turning it into a jQuery plugin. In this case it helps keep our code as semantic as it …

#66: Table Styling 2, Fixed Header and Highlighting

Just a couple of quick tricks, from scratch, on coding up tables. We use the proper semantic tags for a table header and then set it to a fixed position …

#65: Advanced Uses for Custom Fields in WordPress

More than any other single feature, what makes WordPress a CMS (as opposed to just a blogging platform) is custom fields. Custom fields are chunks of data that travel along …

#64: Building a Photo Gallery

This photo gallery will automatically build itself from a directory of images, including sub-directories and the images inside them. Images open in a nice looking jQuery lightbox.

Links from Video:

#63: On Screencasting

This is somewhat of a behind the scenes look at how I create and distribute the screencast. I go over the hardware and software I use, how it gets stitched …

#62: Advanced Form Styling & Functionality

This screencast walks through the code that powers a fairly advanced web form. It utilizes jQuery to hide and show inputs as needed as well as power three plugins. One …