Grow your CSS skills. Land your dream job.

#93: CSS3 Slideup Boxes

Follow along as we use a few very simple CSS3 transitions to create a "slideup" box effect. Roll over the box with your mouse, and the title of the box …

#92: Code Walkthrough of Drawing Table

The Drawing Table is in essence a mini one-page jQuery application. It has one primary function, creating a colored design by changing the colors of cells in an HTML table. …

#91: The WordPress Loop

There is no shortage of documentation on WordPress' famous content-spewing structure, but I still feel like there is more confusion and mystery surrounding "The Loop" than there should be. In …

#90: Simple TextMate Tips

TextMate is a mac-only code editor. Sorry to all the PC users this time around. If you've been watching these screencasts for a long time, you know I used to …

#89: Organizing a Photoshop Document

If you are like me, you are both guilty of seriously unorganized Photoshop documents and appreciate well organized ones. The disorganization isn't intentional, it's just born of (if you'll pardon …

#88: Intro to Compass/Sass

Ask a bunch of designers what they wish CSS could do that it can't now, and you'll get a big list that reads much like the list of features for …

#87: Moving Up with MAMP

Working locally with MAMP is awesome, but what about when you need to take that site live? Last time we got a version of WordPress installed locally, now we'll take …

#86: First Moments with MAMP

I'm way behind the times on this one, but until recently, I have never really developed locally. Everything I did was "going commando" and working directly on servers. The situation …

#85: Best Practices with Dynamic Content

One of the articles I updated during "May is Maintenance Month" was an article about dynamic content. The idea was a simple website where clicking a link would fade out …

#84: Site Walkthrough of chris-mcgarry.com

I built a site for a musician friend of mine who is putting out a new album. Clearly having playable tracks is important, but the classic issue of having those …

#83: Thoughts on SEO

Fair warning: more rambling than usual. Listen to my thoughts about SEO. What I think I know is that SEO is a series of fairly obvious best practices. A SEO …

#82: CSS Image Switcher

Roll over a link, watch the image above change. That's what we build in this screencast, only we don't use any JavaScript to do it. The trick is some simple …

#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 …

*May or may not contain any actual "CSS" or "Tricks".