CSSnewbie

New to CSS? New to CSSnewbie? Start Here!

I get a great many reader comments that read something like this: “Your site is the best CSS resource on the web (okay, maybe I’m embellishing slightly here), but where do I start if I’m new?” And that’s a fantastic question. If you’re new to the site, it can be tough to find your way around at first. So here is a collection of articles to get you started. I’ve broken them down into two categories: articles for true CSS newbies, and articles for people new to CSSnewbie, but with an understanding of CSS.

New to CSS

If you don’t know much about CSS at all, but would like to, here is where you want to start. I’ve tried to put them in an order that makes sense, but feel free to click around as you see fit.

• What Is This CSS Thing, Anyway?
• How to Write a CSS Rule
• Understanding the CSS Box Model
• When to Use CSS IDs and Classes
• When to Use Inline, In-Document, and Linked CSS
• The 4 CSS Rules of Multiplicity
• Writing CSS Shorthand
• 5 Web Design Books That Have Inspired Me

New to CSSnewbie.com

So where should you start reading if you’re new to the site? Well, that’s largely subjective depending on your interests, but here are a few articles that a lot of people have found interesting in the past.

• A Semantic List-Based CSS Calendar
• The CSS-Only Accordion Effect
• Easy CSS Dropdown Menus
• Combating Classitis with Cascades and Sequential Selectors
• Intelligent Navigation Bars with JavaScript and CSS
• 7 Tips for Great Print Style Sheets
• Book-Style Chapter Introductions Using Pure CSS

And if those articles don’t whet your whistle, don’t forget to check out the article categories listed in the sidebar. That’s a great way to find a lot of information fast, if you know what it is you’re looking for.

If you have other articles you’ve read on this site that are favorites, or articles that you think are essential to the beginning CSS master, please don’t hesitate to mention them in the comments. I’d be more than willing to add things to either list.

Also, I’ll be adding a link to this article to the sidebar once it has cycled off the front page. That way, future generations can bask in our collective wisdom.

5 Web Design Books That Have Inspired Me

I learned web development the good old-fashioned way: through peering at the source code of those who came before me and testing out new ideas through trial and error. But that isn’t to say I haven’t ever picked up a book on web design in my decade-plus of web work (good gracious, has it been that long already?). In fact, I’ve read quite a few web-related books in my time, and many of them have inspired me to look at my job in entirely new ways. And in spirit of sharing, here are five of the books that have most inspired me (click the images to get your own copy!).

Designing With Web Standards – Jeffrey Zeldman

Jeffrey Zeldman’s webzine A List Apart was one of the first places where I ever began to grasp the fundamentals of (and the fundamental need for) web standards. Thus, when I heard that Zeldman was going to be coming out with a book on the subject, I could barely wait to get hold of a copy. In fact, I’m currently on my second copy of the book, as I wore out my first copy while working on my Master’s thesis. The book is a treasure trove of information on how to design websites the right way – with standards in mind. Designing With Web Standards is in its second edition now, and while I’ve only ever read the first edition, I’m more than willing to recommend you pick up a copy.

Don’t Make Me Think – Steve Krug

Web usability needn’t be a scary or complicated topic – just pick up a copy of Steve Krug’s Don’t Make Me Think for all the evidence you’ll ever need. If you’re one of those designers who still thinks that usability is a great idea – for those companies that have seven-figure design budgets, that is – then this book can be a real eye-opener. Web usability doesn’t require a million-dollar lab or a fancy-dancy study. It just requires an understanding of how people really use the web. And Krug will set you down that path of understanding. My copy is riddled with bookmarks and notes in the margin – a sign that it has earned its place on my bookshelf.

Information Architecture: Blueprints for the Web – Christina Wodtke

Before I picked up a copy of Christina Wodtke’s book, my web design process looked a little like this: Concept –> Development –> Redevelopment –> Re-redevelopment. Then I saw a copy of Information Architecture in my college’s new media lab, skimmed a few chapters, and liked it enough to pick up a copy of my own. Wodtke’s book was the first real look I got at the process of developing a website the right way – the idea of sitting down and planning out what the customer needed, what the users wanted, and how I would negotiate the path between the two. This is a great read if you’re just starting out on your own.

Bulletproof Web Design – Dan Cederholm

Dan Cederholm’s Bulletproof Web Design is a must-have for any modern web designer. In it Cederholm proves, chapter by chapter, that having a site built using web standards doesn’t mean you have to give up on your site behaving itself properly. His techniques allow you to develop websites that look just as good in IE as they do in Firefox – and in the cases where some functionality simply doesn’t translate from one to the other, how to ensure your website degrades nicely. I have no fewer than eighteen bookmarks stuck throughout this book, and turn to them often when I’m trying to remember precisely how to pull of certain techniques.

The Zen of CSS Design – Dave Shea and Molly E. Holzschlag

Is there really any better resource on the web for learning to push the CSS envelope than the CSS Zen Garden? Well, the book version of the Garden takes those fantastic visual examples and breaks them down, discusses their various techniques, and explains how some of the fancier footwork was accomplished. This book has been a great resource for me over the last couple of years, seeing as how I’m much more of a developer than a designer. Sometimes it helps to be able to analyze the work of others to understand how I might apply such techniques to my own work.

Those of you with an astute eye might have noticed that all five of these books have something in common – they were all published by New Riders. As far as I’m concerned New Riders is the go-to publisher when I’m looking for a new web design book. Their topics are interesting, their writers entertaining, and their quality is always top-notch. And if anyone from New Riders happens to read this, keep me in mind, eh? :)