css flow

Recent Articles

Zeldman on protecting your site from Google's new toolbar.

Boing Boing on why you should love the new toolbar.

Scobleizer responds to the Boing Boing article with a different take.

A great article on configuring bulleted lists from the always ingenious A List Apart.

Who Created CSS? An extensive article on the beginnings of style sheets via The CSS Weblog.

Float Layouts

A topic that can be very frustrating for beginning and experienced designers alike. A nice article from The Autistic Cuckoo explores the subject in depth.

Lucida Fax

A recent article on the Lucida Fax font caught my attention so I made a demo page. There's a link to the article at the bottom of the demo. In addition, here's a link to a website that uses the Lucida Fax font.

Zeldman Destroyed!

Zeldman Destroyed! in Opera 6

Zeldman Destroyed! in Konqueror

Zeldman Destroyed! in IE 5

Zeldman Destroyed! in IE 5.2 Mac

Recent Articles

Defining Importance by Nesting Elements
A response by Anne to the recent Joe Clark post about Technorati Tags.

Big, Stark & Chunky
Making websites accessible to users with impaired vision. From A List Apart.

Clarification Regarding IE5 Win
"It's not impossible to bend IE5/Win into the same designs that more standards-compliant browsers render, but it can't hurt to take a look at your site's statistics, getting a handle on what your audience is. It could help in deciding how much bending you want to do."

Introduction to Browser-Specific CSS Hacks
An overview of which hacks to use in browsers that won't render CSS correctly.

Inheritance vs. Cascade
A straightforward explanation of Inheritance and Cascade in CSS from the Autistic Cuckoo.

Heading Elements, Semantics, and the Spec
"Many people have taken to using the h1 element to describe the site a particular page belongs to. This usually involves wrapping a h1 tag around the site name, hiding the containing text from browsers using CSS and possibly swapping in the site logo using an image replacement method."

Template Galleries

Template:CSS
"Template:css collects many css formatted page templates, developed and distributed by different designers. Our aim is to provide an easy to use, comprehensive repository where people can find what they need."

Microsoft CSS
A very old page at Microsoft with many templates featuring examples of typography with Microsoft fonts.

The Nemesis Project
Several pages of links to CSS-based templates from different authors. Each links opens in a seperate window.

Little Boxes
Advanced style sheet templates from Owen Briggs. These examples are a bit dated but still extremely useful for designers already familiar with the power of CSS.

Resources Update: A few more links.

CSS Tutorials
Big list of links to CSS tutorials around the web. The list is categorized and extensive. I am very impressed with this page...

CSS FAQ link page
From the Html Writers Guild comes this user-friendly FAQ page on style sheets.

Etc. Design Resources
New to me, this page contains links to CSS/Web Design resources; some were new and interesting like Tanfa.

CSS Resources

Incredibly useful pages with long lists of CSS resources, divided by category:

Dezwozhere
Is a previously posted link. Big page of CSS links, updated fairly often.

Bobby Vandersluis
Another large list page of interest to those designing with style sheets and XHTML.

Blue Vertigo
While not strictly a CSS resource, this page has extensive visual design, photography, and font links that should keep you busy for awhile.

The Fixor
A big list of CSS resources. I haven't really taken a look at this page yet.


CSS Creator

The CSS Creator's CSS links page, with descriptions.

CSS Pointers
Another site I've never heard of before. They have a very long list of resources, some internal, some external.


Roderick Howards CSS Directory

Fairly new as far as I know, this page is well divided into precise categories for easy reference. One of the better link pages.


Web Standards Group

They have their own link page and it's a pretty good one. Lots of links to example sites.


CSS Discuss

The front page of the discuss-wiki site is actually an excellent CSS resource links page. If you haven't already joined the list, you should.

Veerle's CSS Collection
Veerle put together this file for download. One of the best collections of critical CSS resources, articles, and examples on the web.

The Cutting Edge

S5 Slideshow
Latest Beta release of the Eric Meyer CSS/Javascript slideshow.

Cast of Shadows
Nice use of style sheets for two column text presentation in this novel excerpt. Also a stunning "triple header" effect using absolute positioning and the Georgia font.

Fixed Div in IE
A fixed div layout in IE 6 that validates. One of many advanced designs produced by Stu Nicholls.

The Sidewinder
Scrolling things horizontally with CSS. The original website that featured this layout is gone but the CSS remains...

CSS Showcase

CSS Zen Garden
Dave Shea's cutting-edge CSS design site dedicated to pushing the Style Sheet envelope. Updated regularly.

CSS Beauty
A growing database of designer websites from around the world presented in stunning CSS. The site is expertly designed with CSS as well.

CSS Drive
I just found this site and I assume it's fairly new. It's similar in content to the other showcase sites and is worth spending some time at.

CSS Vault
A showcase site so successful that it was just sold by its owner and creator, Paul Scrivens, for a lot of money.

Web Standards Awards
"The Web Standards Awards aims to promote web site design using W3C standards by seeking out and highlighting the finest standards-compliant sites on the Internet."

Update: 2/11/05

Unmatched Style
Another showcase site I missed on my original post: "The idea stemmed from CSS Vault and CSS Beauty. Dusty and I were looking for a project to take on together and this became it."

Stylegala
"Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS."

CSS Wiki

John Oxton is putting together a Web Standards Wiki. It seems some work has already been done on logo designs for the proposed site.

Free site templates available at OSWD.

A web design links page from DIGG. A similar page at del.icio.us

I regularly visit the best of the free fonts sites around the web. DaFont has the nicest collection of quality free fonts I've seen. Organized into categories for your convenience.

Some interesting dropshadow tests based on this classic article at ALA.