CSS-Tricks Screencasts

Latest Episodes:

#81: AJAXing a WordPress Theme Feb 25, 2010

Show notes

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 without requiring a page refresh, including search. Not always the …

#80: Regarding Wheel Invention Feb 11, 2010

Show notes

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 can use, give me a couple of days. Skilled developer:…

#79: Complete/Non-Queuing Animations with jQuery Jan 22, 2010

Show notes

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. The classic method to prevent this is to throw in …

#78: On Web Advertising Jan 04, 2010

Show notes

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 out there and the ones I use. Advertising is a …

#77: Styling an Individual Article Dec 16, 2009

Show notes

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 style articles for, say, a magazine. This is more than …

#76: A Tour of jQuery on a Live Site Nov 20, 2009

Show notes

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 the first to admit that I reach for tools that …

#75: How Not To Design a Checkout Oct 29, 2009

Show notes

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 thought I’d screencast it as a lesson to us all …

#74: Editable CSS3 Image Gallery Oct 18, 2009

Show notes

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 markup, loads of visual treats with CSS3 and jQuery, and …

#73: Building a Website (3 of 3): WordPress Theme Oct 01, 2009

Show notes

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 a completely “blank” WordPress theme, then take different parts of …

#72: Building a Website (2 of 3): HTML/CSS Conversion Sep 23, 2009

Show notes

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 take a look at the Photoshop file layer organization. Then …

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected