Grow your CSS skills. Land your dream job.

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

#61: Basic Table Styling with CSS

Tables are great. They are perfectly suited for use on the web. That is, for displaying tabular data! In this screencast we'll cover what that actually means, take a look …

#60: AJAX Refreshing RSS Content

In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and …

#59: Embedding Audio

Putting an image on a webpage is easy, audio files, not so much. HTML5 will make it as easy as it should be, but until then, we have to resort …

#58: HTML & CSS – The VERY Basics

This video is the VERY basics of what HTML and CSS is, for the absolute beginner. HTML and CSS files are, quite literally, just text files. You don't need any …

#57: Using CSS3

The latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now …

#56: Integrating FoxyCart and WordPress

FoxyCart is a very adaptable eCommerce system. Products are built on-the-fly as part of add to cart buttons that are just simple HTML. This means that you can integrate it …

#55: Adding RSS Content with SimplePie

The "Really Simple" part of RSS is sometimes misleading. What if you want to pull in content from an RSS feed and display it on your site? Doing that from …

#54: Introduction to FLIR

FLIR (Face Lift Image Replacement) bills itself as an "alternative to sIFR". They are definitely in the same category. sIFR has some extra functionality, but is relies on more technology …

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