Grow your CSS skills. Land your dream job.

Article Archives

Sending Nice HTML Email with PHP

This is going to be a continuation of the Website Change Request Form demo we've been using around here for a while. If you need to catch up, first I talked about it, then I built it, then …

June 8, 200976 comments

Five Questions with Matthew Kammerer

I first heard of Matthew while exploring UX Booth, a darn nice little blog and resource site dealing with user experience by four young folks. Then I heard he joined the team at BuySellAds, a company I take …

June 4, 200917 comments

Affiliate Program for Are My Sites Up

There is now an official affiliate program for Are My Sites Up where you can earn money through referring people to our service.

Here are the basics:

  1. You sign up.
  2. You get an email when you are approved with
June 3, 200922 comments

The CSS Box Model

At the risk of over-repeating myself: every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked …

June 1, 200987 comments

The CSS Overflow Property

Every single element on a page is a rectangular box. The sizing, positioning, and behavior of these boxes can all be controlled via CSS. By behavior, I mean how the box handles it when the content inside and around it …

May 27, 200964 comments

Applications: One Day in the Life of a Web Designer

It's incredible how many applications we interact with on a daily basis. It's no wonder we are so critical of them sometimes, Below is a timeline of a typical day for me and the different applications I deal with at …

May 26, 2009125 comments

Links + This Week

Couple of links to share this morning of my content elsewhere. The latest Ask Smashing Magazine is up with loads of questions on CSS answered by me. Also Chris Spooner interviewed me on Line 25 about my past, blogging, and …

May 25, 20095 comments

Quotes on Design API v2.0

I know at least a couple of you ended up using the original Quotes on Design API. It was kind of an experiment, but it did the trick in that it was an easy way to quickly add random design-related …

May 22, 200919 comments

CSS-Tricks Mobile

UPDATE: CSS-Tricks.com is now responsive, so no more separate mobile version of the site. Not that I'm against that, I'm just a fan of responsive for this site.

There is now a mobile version of CSS-Tricks, thanks to the …

May 20, 200932 comments

Serious Form Security

The Website Change Request Form has been a running topic around here for a little while and I'm gonna run with that for a little while. We are not going to rehash all the HTML and JavaScript that makes the …

May 19, 200959 comments

.net magazine

I've had articles in several recent issues of .net magazine. I thought I'd snap some pics for posterity.

May 15, 200921 comments

Vertically Center Multi-Lined Text

If you only have a single word or a single line of text, there is a clever way to vertically center it in a block with CSS. You set the line-height of that text to be equal to the height

May 13, 200963 comments

Don’t Rely on Background Colors Printing

At work I recently rolled out a new system for one of our clients, the Rick Wilcox Magic Theater. Their site is largely informational about them and their show, and a portal for selling tickets to their show online. …

May 12, 200941 comments

Front-End Design Conference

I will be speaking at my first conference ever! I'm really looking forward to it and I have already started preparing my presentation. It's going to be focused on jQuery and using it to accomplish things that CSS does poorly, …

May 11, 200928 comments

Override Inline Styles with CSS

This damn juicy CSS trick has been around for a while now, but I wanted to make a special post sharing it again to spread the good word.

Often we think of inline styles as a way to override styles …

May 8, 200987 comments

New Poll: Sans-Developer Tools Browser Choice

I bet a lot of us around here use Firefox as our main browser. I really like Firefox. I think the interface is pretty nice, but what put its so far ahead of the other browsers for me is the …

May 6, 2009177 comments

Poll Results: CSS3 Features

Almost 7,000 people have weighed in on this poll so far, making it the biggest yet! The question was:

If CSS2 and CSS3 was fully supported in all browsers tomorrow, what would you be MOST excited about?

As always, very …

May 5, 200930 comments

Website Change Request Form

Last month I wrote about how I wished when clients had a change request for their site, they would treat me like a six-year-old. The point was, those change requests are often far too vague which leads to confusion …

May 4, 200969 comments

Five Questions with Richard Felix Jr.

I've been friends with Richard for years. In between sending funny links back and forth to each other, we've been able to kick out a few projects (Are My Sites Up, LyricSift). I design, he develops. I've …

May 1, 200910 comments

Five Questions with Soh Tanaka

In looking back through some emails, I found an email from Soh in October 2008. It was a very nice message introducing himself, saying he has enjoyed CSS-Tricks, and that he was just getting into blogging and if I had …

April 30, 200924 comments

Five Questions with Jeffrey Brown

I first met Jeff when he emailed me in early March of this year introducing himself as a High School Web Design Teacher at Damascus High in Maryland. He told me he makes his advanced students subscribe to this blog! …

April 29, 200919 comments

Five Questions with Collis Ta’eed

Collis Ta'eed is the kind of guy that every web designer with a little entrepreneurial spirit wants to be. He is a trend-setting designer who's work is seen, used, and interacted with by millions of people a day on Envato's

April 28, 200936 comments

Five Questions with James Padolsey

If you are like me and commonly find yourself Googling around for JavaScript solutions to coding problems, there is a good chance you've come across James Padolsey's Blog. James is a prolific blogger with a clear teaching style I …

April 27, 200918 comments

Next Week: Five Days, Five People, Five Questions Each

I've gotten to be interviewed a few times, but I've always wanted to be the interviewer myself. I've finally made that happen. Next week on CSS-Tricks I'm going to be posting interviews all week long. Here's the plan:

  • Monday: a
April 24, 200917 comments

So Much Power, So Few Options

David Berlow commenting on font rendering abilities in the browser:

...it’s not treated beyond a fourth-grader’s crayoning abilities; no shadows, in-lines, outlines, fill variety, twisting, perspective, set on a bouncing line, or opaque over another object, much less in motion. …

April 21, 200912 comments

What is Vertical Align?

CSS has a property called vertical align. It can be a bit confusing when you first learn about it, so I thought we could go through it's use a little bit. The basic usage is like this:

img {
April 20, 200968 comments

px – em – % – pt – keyword

When it comes to setting the size of type in CSS, you have lots of options. You can apply a "keyword", like p { font-size: small; } or a numerical value. When using a value, you need to declare a …

April 16, 2009114 comments

Looking for a Publisher

Hey everybody, I have some news. I've alluded to it a few times in the past, but now I'm officially saying it: I'm writing a book. I am not going to share too much detail about it now, but here …

April 15, 200958 comments

CSS is like…

I mused on Twitter recently:

CSS is like chess. You can learn the basics in a day and spend a lifetime mastering it.

I quickly thought it would be fun to collect other people's ideas on what CSS is like. …

April 10, 200997 comments

Exercise to Get Better at Web Design

Getting better at anything takes considerable time and effort. Feel like you are in a rut with progressing your web design skill? Try this:

  1. Find a web site you really love the design of. Maybe browse a design gallery.
April 8, 200966 comments

Navigation Markup After Content

I am not an SEO expert. I said not long ago that I believe it's mostly just a matter of common sense. However, I do find the subject interesting. Being the #1 result for a search term is a …

April 7, 200983 comments

Auto-Moving Parallax Background

A while back I did a little demo on parallax backgrounds. As a quick review, parallax is that effect where there are different layers of backgrounds that all move at a different rate creating a very unique 3D effect (think …

April 6, 200942 comments

Need Something Changed On Your Website? Treat Me Like a Six-Year-Old (Really)

I used to work in pre-press before I got into web design. I worked at three different somewhat large printing shops. Pre-press is the department that is in between clients (designers) files and actually getting those files to press. It …

April 2, 200966 comments

Filtering Blocks

One of our eCommerce clients at work had a number of products they wanted to put on special to promote on the web. Each product has a different "reason" why it's on special. Perhaps it's discontinued, perhaps its special pricing, …

April 1, 200923 comments

AMSU: Three Tiers of Premium + iPhone App v2.0

We've been chugging along over at Are My Sites Up keeping things running smoothly and working on new features for ya'll. First and foremost, we were closed for new registrations for a while there while we worked out some growth …

March 31, 200912 comments

Highlight Certain Number of Characters

I had a unique programming challenge the other day that I thought I'd share here. It's rather specific and probably won't be of huge general use, but hey, it might be interesting.

The idea was to have 160 characters become …

March 30, 200927 comments

Design Refresh

It was time for another design refresh! The best part about this one, for me, was that all the work I did last time made this one very easy to do.

As usual, it's not extremely drastic. Evolutionary, not …

March 27, 2009117 comments

Building a Simple Quiz

I had to build a quiz for a client a little while ago. A few multiple choice questions, submit button, and it grades the quiz and tells you how you did. It's kinda dorky and really really simple PHP, but …

March 25, 200931 comments

Layout Packs

I thought I would take a crack at a couple of common multi-column fluid-width layout styles that are notoriously quirky with CSS.

One way to accomplish a multi-column fluid layout is to set the columns with percentages. For example, floating …

March 24, 200937 comments

Q&A v4…

...is now up on Smashing Magazine. I answer questions about equidistant spacing on elements, CSS image/font replacement, "max sides" on images, and a bunch of "quickfire questions".…

March 23, 20090 comments

IE Fix: Bicubic Scaling for Images

Devthought had a little CSS tip the other day that is definitely worth repeating. It's not new, it's just an important little trick to know.

And here it is:

img { -ms-interpolation-mode: bicubic; }

If you use width or …

March 17, 200963 comments

Unique Pages, Unique CSS Files

I received a question the other day from someone who was curious how I handle multiple different page styles and layouts across one site with CSS. It's a very common scenario I think. For example, you have a homepage that …

March 16, 200966 comments

So Your Client Has This Idea…

...and you think it's a bad idea

You think it's a bad business move on their part. It's going to cost them a lot of money and you don't think it has a snowballs chance in hell of making any …

March 13, 200978 comments

Image Rollover Borders That Do Not Change Layout

It's a fact of CSS life that the 'border' of any block level element gets factored into its final box size for layout. That means that if you add a border on a hover to an element that didn't already

March 11, 200960 comments

jQuery UI Tabs with Next/Previous

Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded and it makes sense to provide alternative navigation of them. I think it makes sense to …

March 10, 200941 comments

Generate a Random Number

For the last two book giveaways I did, I promised I would pick a winner totally at random from the comments. There were hundreds of comments, so I wasn't about to write the numbers on little bits of paper and …

March 9, 200928 comments

News: Joomla! Book Winner & New Tuts+ Tutorial

Congratulations to itaniumdesign, the randomly selected winner of the Joomla! Template Design book contest. These last few book giveaways have been fun. Next time I do it I'll try to get more stuff to give away so everyone has …

March 4, 20099 comments

Links of Interest

Links of Interest aren't "back", but I have some cool ones I really wanted to share, I'll probably do this from time to time, but just not on a planned schedule like they were.

LyricSift

Richard had a neat little …

March 3, 200919 comments

Remote Linking

Remote Linking is what I call it when a single anchor link has multiple clickable areas in different locations. It can be used for pretty neat effects and requires nothing but CSS.

It's not a brand new idea and in …

March 2, 200948 comments

How To Ask a Good Question in the Forums

So we have Forums here on CSS-Tricks which are a lovely place to get and give help about web design. Now that I've posted almost 500 posts there, I think I have a pretty good feel for what kind of …

February 27, 200927 comments

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