Grow your CSS skills. Land your dream job.

Article Archives

Poll Results: When Do Jobs Get Done?

When this poll first kicked off, the "late" options were way ahead. Over time, things have evened off a bit, and the results are closer than I thought they might be.

If you are in the on time or early …

November 3, 200912 comments

Holy Sprites

Lots of folks joined in on the fun with the Show Off Your Sprites! contest. I used the ol' random number generator and came up with Lee Kowalkowski as the big winner, congrats Lee! Now let's take a look at …

November 2, 200931 comments

Redesigned Personal Site

As I do from time to time, I redesigned my personal site (redesign notes). I wanted to make the site a better vessel for writing, so the shell of the site has a much nicer structure for doing that. …

October 30, 200932 comments

Images on a Subdomain (?)

I can't remember where, but a while ago I read something about using subdomains to serve up a sites resources as a way to potentially speed up loading. The theory was that the protocol that browsers use to communicate with …

October 28, 200989 comments

Show Off Your Sprites!

I just updated my old CSS Sprites article yesterday, and I thought it would be kind of fun to ask everyone to share sprites that they have created themselves. Let's make a quick giveaway out of it too!

I've finished …

October 26, 2009197 comments

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

This post was originally co-authored in late 2007 by me and Volkan Görgülü, I'm updating it now to improve it a bit and make it more current. You've heard of them, but...

Do you really understand them? The name might …

October 24, 2009276 comments

Some Nice Recent Snippets

I am really liking the new snippets area we have going here. I find myself using it all the time, which is exactly why I thought it was worth building. Remember there is an RSS feed just for snippets, which …

October 23, 200912 comments

Solution For Very Long Dropdown Menus

I like to be confident with post titles, but the reality in this case is a *possible* solution for very long dropdowns. The problem with long dropdowns is that the dropdown itself can go below the "fold" of the website. …

October 21, 200982 comments

Data Disaster

Hey folks, don't salt your scotch with tears on my account, but I'm posting to tell you all I just suffered a complete data loss on my computer. I figured I'd go through how it happened.

I woke up on …

October 16, 20090 comments

Printliminator Update

If you've been using The Printliminator, you may have noticed some updates to it. That's the cool part about a bookmarklet that references external code, updates and new features can be pushed out without having to have everyone ditch …

October 15, 200929 comments

Building a jQuery/PHP Powered Chat Room

There is an updated version of this!

The Plan

In this tutorial we are going to build a little chat program that is really easy to get up and running on any server running PHP. No database is required - …

October 13, 200959 comments

Quickly Make Any Page Print Nicely (with The Printliminator)

Introducing The Printliminator!

I had this idea when I was at a lyrics site trying to print out some lyrics. The page didn't have a good print stylesheet and was full of all kinds of crap. I copied the …

October 7, 200994 comments

So Your Client Says They Want To Get On Twitter…

Twitter. They talk about it on the local news, they talk about it on ESPN... it's mainstream. It's almost a household name like YouTube, Facebook, or Johnson and Johnson. Businesses know that other businesses are using it, and they feel

October 5, 200938 comments

New Poll: When Do Jobs Get Done?

There is a new poll up in the sidebar. This time regarding when jobs that include completion dates actually get done.

There are reasons on both sides of the client/designer relationship that affect when jobs actually get done. How quick …

September 30, 200938 comments

Poll Results: How Do You Email?

The runaway winner was Pure Cloud, with 53% of people that exclusively use an online mail service, through a browser, like GMail or Yahoo or Hotmail or whatever else.
September 29, 200921 comments

Envato Marketplace Redesign

As I'm posting this, the marketplace websites that Envato runs (ThemeForest, GraphicRiver, etc) have been redesigned. It's a pretty big overhaul... new logos, loads of new features for both buyers and sellers, the iconic "switcher" to change …

September 28, 2009137 comments

Giving Snippets “Add to” Coda & TextMate Buttons

I think this is the coolest thing since Kayne carved cult symbols onto his head: each snippet in the Snippets area now has little links when you roll over them for adding the snippet to Coda or TextMate. I realize …

September 23, 200926 comments

You Know You Should Use JavaScript When…

You know you should use JavaScript when the task cannot be accomplished with any other technology.

That's what Doug suggested when I asked him for a nicer spin on a something that was going through my head:

JavaScript: If it …

September 21, 200964 comments

New Snippets Feed & How-To

There is a new snippets-only feed! This will always remain it's own separate feed I think, and not be a part of the main feed. Mostly because I hope that the snippets will grow and grow and there will hopefully …

September 18, 200924 comments

Unobtrusive Dropdown Page Changer

Using a <select> dropdown menu to create navigation isn't as common as it once was, but it's still around. It got ripped on pretty good for being an inaccessible / obtrusive. Indeed a lot of the scripts you'll find out …

September 15, 200930 comments

Add (+/-) Button Number Incrementers

Text inputs on forms can be used to submit numbers. A common use would be a "quantity" input on an eCommerce site. Changing the quantity value, from the user's perspective entails tabbing or clicking to the input, deleting it's current …

September 14, 200936 comments

Design Refresh (Version 5)

The new design has been rolled out. Nothing to shockingly different I hope, just a refresher. It's kind of hard to say, but I think this is the 5th significant iteration of the design at this point. The lines are …

September 8, 2009152 comments

Style a List with One Pixel

A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can …

September 7, 200947 comments

Make a Select’s Options Printable

When printing a web page with <select> elements on it, the select dropdown prints just like it looks.

This is of course borderline useless on a printed page. It may even be hiding important details vital to understanding what the …

September 4, 200925 comments

Beta: New Snippets Area!

Hey ya'll - I'll let you in on a little secret here, there is a design update coming out soon here on CSS-Tricks. As usual, just a little realign / refresh / spit shine kinda thing. There are several reasons …

September 3, 200966 comments

New Poll: How Do You Email?

I just tossed out a new poll. I've been wanting to do this one for a while, and the short-but-global GMail outage yesterday confirmed now is a good time. The question is:

How Do You Email?

There are people that …

September 2, 2009134 comments

Five Questions with Vitaly Friedman

You probably recognize his name, but if you don't, you certainly recognize his work. Smashing Magazine is a juggernaut in the design and development web publishing world, and soon to cross over into traditional publishing as well. Vitaly is the …

September 1, 200927 comments

Poll Results: Taking a Job You Think is a Stupid Business Idea

  • Yes, I'd take it. - 68%  
  • No, I'd turn it down. - 32%  

The people who say they would take the job outnumber the people who would not by two to one.

There was a large and interesting …

August 31, 200937 comments

Preventing Widows in Post Titles

Widows, typographically speaking, are single words that awkwardly break down onto their own line. It looks uncomfortable, and it reads uncomfortable. Article titles are especially prone to this because of the large type / short line length, and look exceptionally …

August 28, 200944 comments

Inappropriate Uses

Database is forcontent HTML is fordescribing and displaying content CSS is fordesign JavaScript is forfunctionality

 

Those are the appropriate uses for these technologies. Inappropriate use is when you cross those lines and create a mismatch.…

August 24, 200969 comments

CSS Sprites with Inline Images

CSS Sprites is a technique where you use a background-image, a set width and height, and adjust the background-position to display only the portion you need to show. This way you can use a single image and display lots of …

August 19, 200960 comments

AnythingSlider jQuery Plugin

Just what the world needs, another jQuery slider. YAWN. I know, check this one out though, it's got lots of cool features.

Here on CSS-Tricks, I've created a number of different sliders. Three, in fact. A "featured content" …

August 17, 2009208 comments

2009 .net Magazine Awards

The voting is now open for the 2009 .net Magazine Awards. I'm stoked this year to be nominated in both the Best Blog category and Best Vodcast category.

Voting is quick and easy and if you feel so inclined, go

August 14, 200934 comments

Results from Anniversary Survey

I collected a bunch of data from you guys when you filled out that form to enter the 2-Year Anniversary Giveaway. I figured I'd aggregate it into some graphs, courtesy of Wufoo.

How much do you care that the…
August 11, 200919 comments

The Heating Company Analogy

What helps a design business stay healthy and successful over time is having regular clients with regular monthly billable work. The one-off jobs might be more glamorous and more fun, but in the long run it's probably your regulars that …

August 10, 200934 comments

Front-End Design Conference ’09 Wrap-up

The Front-End Design Conference was made from a lot of "firsts". Many of us speakers were speaking in front of an audience of peers for the first time since college Speech. For Dan Denney, it was his first time …

August 6, 200929 comments

So You’ve Already Decided, Eh?

It's funny how fast people can decide on things. People can see a website redesign and love it or hate it right away. It might take someone 15 seconds of seeing it before they are furiously writing up a comment …

August 4, 200974 comments

Banner Code Displayer Thing

Authentic Jobs is a long-running, respected, and successful web design/development job board. I'm sure a lot of that success is due to the beautiful, minimal, and thoughtful design by owner and proprietor Cameron Moll. There is also a generous …

August 3, 200922 comments

Date Display Technique with Sprites

LearningjQuery.com has a pretty cool presentation of the dates of their blog posts. Check it:

The typeface and the year being vertical should tip you off right away that images are being used to accomplish this. But also note that …

July 28, 200998 comments

Text Blocks Over Image

Someone recently asked me about this technique and my first reaction was that it was probably a little too mundane to cover as a tutorial. But then I got to thinking that there is actually a few interesting things happening …

July 27, 200967 comments

eCommerce Considerations

Building an eCommerce site? There are a zillion options. In a recent group interview about eCommerce, I talked a bit how I think it's weird that all these eCommerce software solutions are also CMSs. At the root of things what …

July 23, 200947 comments

Combining Hand-Drawn and Digital Illustration Techniques

The following is a guest post by the first-rate illustrator Joe Lifrieri. Joe walks through his own process showing us not only how he does things but why. You can see Joe's portfolio and blog at Hugs for Monsters

July 22, 200927 comments

AnythingZoomer jQuery Plugin

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I'm not going to tell you what you should use it for …

July 20, 200966 comments

Anniversary Giveaway Winners!

Congratulations to all the winners of the two-year anniversary giveaway! They were chosen completely at random from my cheezy random number generator I made for the last contest. Extra special thanks to all the sponsors who donated the gifts. …

July 17, 200931 comments

Different Ways To Format CSS

This post will focus on the different ways to format CSS, which differs from the different ways to organize CSS. Definitely related concepts, but I think organization has more to do with how things are grouped and ordered while …

July 13, 2009164 comments

Better Password Inputs, iPhone Style

Recently renowned usability expert Jakob Nielsen wrote an article Stop Password Masking in which he claims that hiding users passwords as they input them is bad practice. What he is referring to is the default browser behavior of <input type=password …

July 9, 200977 comments

All About Floats

What is "Float"?

Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. …

July 8, 2009130 comments

2-Year Anniversary GIVEAWAY

Happy Fourth of July all! A lovely day filled with fireworks and usually a day off of work (in the US, anyway). It's also the anniversary of CSS-Tricks. It's been two years now. It actually feels like it's been longer …

July 3, 200983 comments

New Poll: Would You Work on a Website You Thought Was a Stupid Business Idea?

I've mused about this before, but I thought it would be good to put it to a poll this time. The discussion before was absolutely fascinating. Many folks saying that it's our ethical duty to inform clients of our true …

July 1, 2009125 comments

Poll Results: Browser Choice Sans Developer Tools

Yes, all the major browsers have development tools now, but I think most people are in agreement that you just can't beat Firebug and the slew of other development-specific addons for Firefox. Outside of these tools, I often hear people …

June 30, 200935 comments

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