• CascadingStyleSheets

See also: HtmlExamples

RefactorMe

Documentation

• CSS Discuss Wiki

  • http://css-discuss.incutio.com/

  • http://css-discuss.incutio.com/?page=CssDiscussList (The MailList)

• Eric Meyer's CSS Pages

  • http://www.meyerweb.com/

• Marek's CSS Workshop

  • http://www.sovavsiti.cz/css/

• Simon Willison's CSS ain't Rocket Science. Excellent ongoing tutorial on real-world CSS design, warts and all.

  • http://simon.incutio.com/categories/csstutorial/

• The Secrets of Liquid pages

  • http://www.maxdesign.com.au/presentation/liquid/

Tools

IE7

CSS fixes for IE to make it standards compliant. Very cool ...

http://dean.edwards.name/IE7/

Examples

• Building W3C images with CSS - Yowza, that's cool. I like the ones styled like the antipixel/raging platypus ones better though.

  • http://www.sovavsiti.cz/css/w3c_buttons.html

• Eric Meyer's css/edge

  • http://www.meyerweb.com/eric/css/edge/

  • http://www.meyerweb.com/eric/css/edge/complexspiral/demo2.html (inspiration for the PersonalTelco site design)

• Three panel weblog style with only CSS examples

  • http://www.glish.com/css/

  • http://www.bluerobot.com/web/layouts/

  • http://www.positioniseverything.net/threecolbglong.html

• CSS Box Lessions

  • http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

• CSS Zen Garden - Beautiful reworkings of the same HTML page via CSS alone.

  • http://www.csszengarden.com/

• Simple Tutorial on CSS Lists

  • http://www.maxdesign.com.au/presentation/listutorial/index.htm

• Beautiful Pure CSS tabs

  • http://www.alistapart.com/articles/slidingdoors/

Old Entries, Refactor Into Page

Style Sheets (CSS) and Layout

CSS-Discuss Wiki:

• http://css-discuss.incutio.com/

Good example sites:

• Eric Meyer's site (where the PTP stite was stolen from)

  • http://www.meyerweb.com/eric/css/ and his CSS/edge stuff

• CSS Layout Techniques: for Fun and Profit

  • http://www.glish.com/css/ (specifically see the holy grail)

• The layout reservoir

  • http://bluerobot.com/web/layouts/

• A List Apart (is this just general HTML foo or CSS?)

  • http://www.alistapart.com/index.html

• Real World Style (with another cool 3 column + header/footer layout and picture gallery friendly floating thumbnails)

  • http://www.realworldstyle.com/

• Pure CSS tabs.

  • http://unraveled.com/joshua/projects/css_tabs.shtml

  • http://diveintomark.org/archives/2003/03/24/pure_css_tabs.html

  • http://www.homelesspixel.de/tabs/tabs.html

  • http://www.clagnut.com/writings/csstabs/

  • http://www.simplebits.com/200304#1049836859

  • http://www.simplebits.com/code/css_tabs.html

  • http://www.web-graphics.com/mtarchive/tabs/

  • http://nontroppo.org/test/tab1.html

  • http://andreas.web-graphics.com/nav/index.html

  • http://www.kalsey.com/tools/csstabs/index.php?section=4 (with submenu's)

See MozillaProject for CSS/HTML sidebars.

CategoryProgramming