CSS-Tricks Screencasts

Latest Episodes:

#71: Building a Website (1 of 3): Photoshop Mockup Sep 16, 2009

Show notes

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 during a routine WordPress upgrade. In part 1, we start …

#70: Random Pet Peeves Sep 10, 2009

Show notes

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 second I was done, but I’ll spare you!…

#69: First Ten Minutes with TypeKit Aug 25, 2009

Show notes

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 finish, as well as touch on the advantages and disadvantages.…

#68: Think Geek Background Fade Technique Aug 12, 2009

Show notes

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 scrolled to the bottom, the color fades to black and …

#67: jQuery Part 3 – Image Title Plugin Jul 29, 2009

Show notes

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 can be, and with JavaScript off, degrades nicely. We cover …

#66: Table Styling 2, Fixed Header and Highlighting Jul 01, 2009

Show notes

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 so when scrolling the table the header is always visible. …

#65: Advanced Uses for Custom Fields in WordPress Jun 23, 2009

Show notes

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 with posts and pages in key/value pairs. This data can …

#64: Building a Photo Gallery Jun 09, 2009

Show notes

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 May 21, 2009

Show notes

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 together, and the sizes/formats it gets put into and why. …

#62: Advanced Form Styling & Functionality May 06, 2009

Show notes

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 for applying fancy styling, one for validation, and one for …

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected