Coding tips I need to write down

Whatever helps

CSS

# Step by step CSS float tutorial

Floatutorial: Step by step CSS float tutorial

# The CSS box model hierarchy

// hicksdesign :: 3D CSS Box Model

Beautiful illustration of the order of layers applied in the CSS model

# CSS Box examples

CSS Box examples

# CSS Optimizer

Online CSS Optimizer/Optimiser

Handy tool to prettify your stylesheets

# Spooky Girlfriend

Spooky Girlfriend ::: The Standards compliant, table-less Xhtml and Css code generator

# CSS Layout Templates

CSS Layout Templates

All valid XHTML 1.0. In German, but illustrations are provided. Various dynamic and fixed layouts.

# Better living through XHTML

Zeldman's article on XHTML. I think XHTML is one of these things that I've innately been doing mostly correct. This guy is one of the guru's so best read the article.

# Centered CSS container

To have a CSS container horizontally centered within the body, add the following in the style sheet:


.body
{
text-align:center;
}
#container
{
margin-right:auto;
margin-left:auto;
width:700px; (or whatever size you want)
text-align:left; (or right, justify, whatever)
}

Thanks to Phineas for this tip.

# Rounded box corners in CSS

Rounded corners in CSS :: Kalsey Consulting Group A nice writeup on how to do rounded corners on a box in CSS.