CSS/XHTML Resources

From PunBB Resource Wiki

This article comes from the following thread started by Paul: http://forums.punbb.org/viewtopic.php?id=5791

Several excellent guides plus browser compatability chart.

• http://www.westciv.com/style_master/house/index.html

Some cool tutorials

• http://www.projectseven.com/tutorials/index.htm

A great tutorial on CSS selectors and how to use them

• http://css.maxdesign.com.au/selectutorial/index.htm

Everything you wanted to know about floats and were afraid to ask (Well everything apart from why they are such pain to use)

• http://css.maxdesign.com.au/floatutorial/index.htm

More about containing/clearing floats

• http://www.complexspiral.com/publications/containing-floats/

Getting fancy with lists and menus

• http://css.maxdesign.com.au/listutorial/index.htm

CSS Forum and losts of resources

• http://www.csscreator.com/

Bugs, hacks and why your site goes splat in Internet Explorer

• http://www.positioniseverything.net/index.php

IE5 Mac and why it may ruin your day/month/year/life

• http://www.macedition.com/cb/ie5macbugs/

The css box model in 3D. One look at this graphic and a lot of things become clear.

• http://www.hicksdesign.co.uk/journal/483/3d_css_box_model

For inspiration and more links

• http://cssvault.com
• http://www.cssdrive.com
• http://www.cssbeauty.com
• http://www.csszengarden.com

Articles and tutorials related to accessability issues and an ongoing experiment to make a phpbb forum accessible

• http://www.accessify.com/default.asp

Some guru sites and blogs with aricles/tutorials

• http://www.mezzoblue.com/
• http://www.zeldman.com/
• http://www.alistapart.com/
• http://www.meyerweb.com/
• http://www.maxdesign.com.au/
• http://simon.incutio.com/
• http://www.evolt.org/index.html

Lots and lots of links to useful stuff

• http://www.roderickhoward.com/cssdirectory/

Zen Garden browser

• http://csszengarden.coret.org/

Open Source designs

• http://oswd.org/

Web Developer extension for Firefox 1.0

• https://addons.update.mozilla.org/extensions/moreinfo.php?application=firefox&version=1.0&os=Windows&category=Developer%20Tools&numpg=10&id=60

Sitepoint.com client side tutorials on CSS

• http://www.sitepoint.com/subcat/css

Markup and CSS documentation, specifications, 'The Manual'

• http://w3.org/MarkUp/
• http://w3.org/Style/CSS/

Validators

• http://validator.w3.org/
• http://jigsaw.w3.org/css-validator/

CSS layouts, tips, tricks, and techniques

• http://realworldstyle.com/

Web developer help forum

• http://hiveminds.info/phpBB/viewforum.php?f=6

• http://academ.hvcc.edu/~kantopet/css/index.php
• http://www.htmldog.com/reference/cssproperties

Cool style generator

• http://wannabegirl.org/firdamatic/

Good css editor with autocomplete and edit colors etc.

• http://www.bradsoft.com/download/index.asp

For XHTML and CSS tutorials

• http://www.w3schools.com/default.asp

Tools for optimizing style sheets

• http://flumpcakes.co.uk/css/optimiser/

The Web Developers Handbook. An absolutely massive resource listing for xhtml/css etc some in German as well as English

• http://www.alvit.de/handbook/

More about webdesign, but has references to CSS

• http://www.webdesignfromscratch.com