Tim's recent post, Learn about CSS specificity, is a great read for those of you who have done some basic CSS but want to explore some of the more advanced techniques. That article made me think of another area that can be difficult to master but is an essential skill for the really advanced layouts: positioning.
The goal for any CSS purist is the perfect separation of form (design, style, graphics, presentation) and content (typically your document's marked-up copy and images). Most people start by working with fonts and colors in CSS, but the real challenge comes in using CSS for layout. That's where positioning comes in. Knowing how best to position your content to create an attractive and practical layout using only CSS is tough to do but really takes your website design to the next level.
One of the best and most concise explanations of CSS positioning is this handy presentation, Learn CSS Positioning in Ten Steps. Sadly, I had learned CSS before this was around, but I think it's a great refresher for any designer and will be especially helpful to those of you up-and-coming CSS masters.
Posted on
Friday, August 3, 2007
by Jason Zimdars
filed under