Article
About the Author
Tim Wright
Tim has been a web developer and web standards fanatic since 2004. He currently runs CSSKarma and keeps all his project notes in a book labeled "Stories of a CSS Ninja." Tim dies a little inside everytime he sees a table-based layout.
20 Sites That Brought CSS into the Mainstream
When I started collecting sites for this article, I assumed it would be easy since so many people had made great contributions to CSS. But then I realized that, rather than the people, it’s actually about the web sites. What web sites have advanced CSS? There are so many, and when I separated the sites from the people, it proved to be a tougher task than I thought.
I decided to split the list into two sections: The Obvious, and The Not So Obvious. The Obvious consisted of sites that everyone would immediately think of, and cause quite a stir if I left them off the list. The Not So Obvious sites were ones that might escape our notice at first, but very much deserve recognition for how they contributed to the overall advancement of CSS.
The Obvious
In 2003 David Shea launched CSS Zen Garden with only five designs and since then it’s been at the front of the pack in the CSS web revolution. For many young developers, before you even crack your first CSS book, you’re familiar with Zen Garden and are already thinking about what your submission will look like. This site has made a lot of people very excited about the power of CSS and is, arguably, the most influential stop on the Web for CSS.
Eric Meyer—self-proclaimed CSS Jedi—runs meyerweb.com. And it’s no mystery what Eric has done for CSS. The Meyerweb Toolbox and CSS work areas are filled with goodies like S5 (an XHTML/CSS presentation program), CSS files (diagnostic and reset), CSS tests, a CSS2 prototyping test suite, and inline model documentation (I know, you’re mouth is watering already). By far, the coolest area of this site (other than the blog itself) is the CSS/Edge, where Eric puts up a lot of CSS demos and neat techniques he’s playing with.
It’s difficult to put into words what exactly the crew at A List Apart has done to advance CSS, let alone the Web as a whole. Some of their greatest CSS accomplishments (in my opinion) include: CSS Sprites, Sliding Doors of CSS, Progressive Enhancement with CSS, and From Table Hacks to CSS Layout: A Web Designer’s Journey. They’ve written so many articles on CSS it’s impossible to read all of them if you happen to fall behind (believe me, I just went through the whole list); you can only hope that you keep up with their monthly publications so that you’re one of the first to find out about the new great CSS technique.
W3Schools seems to always be at the top of search results when you ask a general coding question. They have tutorials on everything from basic topics like XHTML to advanced ones like RDF. But this is about CSS. W3Schools has some of the greatest beginner and novice CSS tutorials on the Web and it’s a great place to learn whether you’re starting out or just after a quick refresher on the terminology.
Every CSS minion knows that this site is the premier web site when it comes to finding out all the important info on the newest properties that are coming to light in CSS. The team behind CSS3.info makes sure that the site contains the most recent and relevant information you can find on CSS3. And really, I’ve yet to find a site that offers the same level of insight as this one. As far as the future of CSS, this where you go when you want to cut out all the cruft and focus on the important information.
P.I.E. is a site dedicated to all the browser quirks that drive us crazy on a day-to-day basis. Through learning the ins and outs of CSS this site has saved many of us hours of debugging, since we didn’t have to figure out the peek-a-boo bug or the weirdness of the box model by ourselves. This site is a great asset for any CSS developer and its content is even becoming a topic of job interview questions for web developers.
Holy CSS Zeldman! is a great collection of Web Standards-related links akin to the digg RSS feed for CSS. This site has been around for as long as I can remember, though I won’t say a site is great just because it’s a classic, or because it has Zeldman in the name. This site is around because it takes so many great CSS sites and promotes them in one collection for developers to sort through as they see fit, and is a big reason CSS is seen the way it is today.
Chris Coyier’s screencasts started a video revolution throughout popular blogs all over the Internet, and advanced the learning of CSS beyond reading long boring articles. From beginner tutorials to the more advanced topics like conditional style sheets, CSS-Tricks takes a step by step, visual approach to CSS—and people seem to really like it. Chris also runs a popular CSS/JavaScript link-sharing site called Script & Style.
CSS Galleries like CSS Mania, CSS Remix, CSS Website, and CSS Vault
The goal of all CSS galleries is to bring CSS into the mainstream, so how could I leave them off this list, right? As I was gathering sites, I kept coming up with various galleries; I wanted to avoid scattering them throughout the list because I thought that would lessen this article. Yet galleries display all sorts of real-life examples of CSS work, and the people who submit their work to these sites are the ones on the front line of web design and development. They deserve all the credit in the world for keeping CSS and web standards alive across the Internet.
CSS Template Sites like Monster Templates and Open Source Templates
Just like CSS galleries, CSS template sites have the noble goal of raising the quality of sites across the Internet from the ground up, distributing templates to those who would normally slap a site together with a few tables. CSS template sites like Open Source Templates and Monster Templates helped further the CSS cause by making it easier to work with, and by removing some of the more frustrating elements of CSS like browser testing.