CSSnewbie

About CSSnewbie

Our mission is to help the beginning to intermediate web designer master the subtleties of CSS by offering CSS tutorials, tips, and techniques.

Recent Article

Great Resources Elsewhere: February 29 to March 07

Posted on March 7, 2008. By Rob Glazebrook.

A Guide to Web Typography | i love typography, the typography blog

A Guide to Web Typography | i love typography, the typography blog

John Boardley has posted a great, accessible article on the art of typography on the web. If you’re new to writing for the web, this article is a good place to start your research. Instead of focusing on font selection, John highlights the concepts of size, contrast, space and hierarchy, and explains why all of them should be considered a major part of your design, regardless of what typeface you settle with.

CSS: Pushbutton Links | Mike’s Experiments | MikeCherim.com

CSS: Pushbutton Links | Mike’s Experiments | MikeCherim.com

Here’s a great example by Mike Cherim of what can be accomplished in the realm of navigation using pure CSS. This example doesn’t use any images whatsoever — yet looks better than some image-based nav bars out there. Mike’s excellent use of the :active pseudo-class (activates when the link is clicked) makes this example really stand out. If you were to combine this with my Intelligent Navigation system, you’d really have a system to reckon with.

Litmus Labs: CSSVista

Litmus Labs: CSSVista

CSSVista is a fantastic and free application for testing your CSS in Firefox and Internet Explorer simultaneously. The program behaves mostly like a web browser — except you can edit your CSS on live websites at the click of a button, and then see the results instantly in both Firefox and Internet Explorer. When I downloaded it to test it out, I discovered a bug in CSSnewbie’s sidebar in IE6 that I was able to quickly diagnose and repair.

Responses

On 3/8/2008 at 5:35am, Edwin said,

If I was running windows, than I probably would be interested in cssvista, maybe they will make a csstiger or cssleopard too? ;)

Leave a Reply

Do More