Grow your CSS skills. Land your dream job.

#33: eCommerce Product Page Makeover

I subscribe to the theory that web page redesigns should be evolutionary not revolutionary. Making small changes, tweaks, and upgrades over time leads to a higher quality design than up …

#32: Using the Unit PNG Fix

Designing using alpha-transparent PNGs makes life so much easier and cooler designs possible. As we are all painfully aware, IE 6 and under do not support them. They display... but …

#31: Introduction to Google Analytics

Google Analytics is a free service to track all sorts of information about the visitors to your website. I recently had a weird experience with the Analytics on CSS-Tricks, so …

#30: Creating and Sending HTML Email

Designing HTML Email is far cry from regular web design. Sure, they both us HTML elements, but the whole philosophy is different. In this world, you gotta do all you …

#29: Google Search for Your Site

Integrating search on a website can be an incredibly complex subject far beyond my web development skills. Fortunately, Google offers a service called "Custom Search Engine" which you can integrate …

#28: Using Wufoo for Web Forms

Anytime anyone asks me about forms, I always mention Wufoo. At work and at home, almost every single form I create I just use Wufoo. It makes form creation so …

#27: Designing for WordPress: Part Three

In part three of this series, we finish up the structure of the site and start diving into the details. The typography is set up, the right sidebar is set …

#26: Designing for WordPress: Part Two

We have WordPress installed, now let's really get our hands dirty and start getting WordPress to do what we want it to do. We start by poking around the backend …

#25: Designing for WordPress: Part One

WordPress is a hugely popular CMS for blogging. The blog section of CSS-Tricks is run on WordPress and I am very happy with it. By popular request, we are going …

#24: Rounded Corners

Here are FIVE different techniques you can use to create rounded corners for boxes on a website. There are always different ways to do things with CSS and rounded corners …

#23: Conditional Stylesheets

Internet Explorer provides a way to target CSS styling information specifically for its different versions. These "conditional stylesheets" are the best way to handle CSS problems that pop up with …

#22: Cutting Clipping Paths

We're back in Photoshop this week because I wanted to talk a little bit about a very specific skill that I think is important for all designers. That is the …

#21: Walkthrough of Contact Form

In some ways, the Contact Form is the "Hello, World!" application of web designers and web developers. It is nothing that hasn't been done before a million times, but it …

#20: Introduction to jQuery

The popular JavaScript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with …

#19: Designing a Unique Page for Twitter Updates

This week I take you through the creation of simple webpage to display your recent 'Tweets' from Twitter from start to finish. This covers the design in Photoshop, to including …

#18: Introduction to the Band Website Template

I have recently released a side project called the Band Website Template. This is just a quick tour of it, explaining why it was built and why I think it …

#17: Sliding Doors Button

While sliding doors is far from a new concept and will be obsoleted once we see wider support for multiple backgrounds (CSS3), it is still a good one for your …

#16: Creating the Photoshop Mockup

This episode is a prequal to episodes 12, 13, and 14. We go back to a blank Photoshop document and re-create it. There is no HTML/CSS in …

#15: Introduction to Firebug

Firebug is an essential Firefox extension for web designers and developers. You are able to quickly target any element on a page to see the markup, the CSS, the layout, …

#14: Converting a Photoshop Mockup: Part Two, Episode Three

We wrap up the mockup conversion here in Episode Three. We create the "article area" and the "sidebar" (semantic class naming!), and then we clear the float. We use Firebug …

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