Video Screencasts

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

#52: Building a Print Stylesheet

My technique for building print stylesheets goes like this. 1) Start from scratch 2) Leave most defaults alone 2) Eliminate every thing on the page you don't need with display: …

#51: A Lesson Learned in Accessibility

Even when designing with our best intentions toward accessibility, it often takes someone who really uses accessibility software to test the site and help us get the details right. The …

#49: Hodgepodge of Photoshop Tricks

Photoshop is my tool of choice in designing for the web. I liken it to choosing the guitar as an instrument to play. A guitar sounds great alone and there …

#48: Skinning phpBB

Creating a completely custom theme for the popular forums software phpBB would be a monster job. Fortunately, to get up and running quickly, we can simply wrap a default installation …

#47: CSS Shorthand

There are a handful of CSS attributes that can be combined into a single attribute for coding brevity. I endorse the use of CSS shorthand whenever possible. It saves space …

#46: Domains, DNS, Hosting and Google Apps

Dealing with domains and hosting and all the server setup stuff isn't usually the most comfortable stuff for web designers. In this screencast I walk though my regular process and …

#45: Using FoxyCart for eCommerce

FoxyCart is my new favorite eCommerce system. It is extremely easy to get started with. You have full design control over all aspects of it (cart, checkout, receipts). It has …

#44: Hodgepodge of WordPress Tricks

It's WordPress Week here at CSS-Tricks, so I wanted to so a WordPress-themed screencast and cover a lot of mini-tips that haven't made it into previous WordPress screencasts. We cover:…

#43: How to Use CSS Sprites

CSS Sprites have been a hot topic for a long time now. The fact is that each image on a web page is a separate server request and you can …

#42: All About Floats Screencast

Even more-so than z-index (which we covered a few weeks ago), the float property is known to cause episodes of hair-pulling and monitor-punching. It seems simple enough in theory, but …

#41: WordPress as a CMS

We once did a poll asking people what their favorite CMS was. WordPress was a run-away winner, but also got many comments of "WordPress isn't a CMS!!". Well …

#40: How z-index Works

Z-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it's tied to positioning, some quirks, and some general advice.…

#39: How to Use sIFR 3

sIFR (Scalable Inman Flash Replacement) is a technology that allows you to use any font you wish on your web pages. Long story short, it uses JavaScript to target certain …

#37: Status, Fluid and Menu Bar Apps

Fair warning: this screencast is fairly Mac-specific and I ramble on about all kind of random non-web design related stuff. I introduce the new web app Status that I've been …

#35: Intro to jQuery 2

Starting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We …

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag