ZEN CSS EXAMPLES: Visual Themes, Motifs
http://www.csszengarden.com/005/ Grunge
http://www.csszengarden.com/059/ Egyptian
http://www.csszengarden.com/084/ Retro
http://www.csszengarden.com/103/ Classical
http://www.csszengarden.com/059/ William Morris
http://www.csszengarden.com/182/ 50's Retro
http://www.csszengarden.com/189/ Mozart
http://www.csszengarden.com/199/ Army
ZEN CSS EXAMPLES: fontsizing
• BE SURE TO READ THE BOLD REFERENCES •
http://css- discuss.incutio.com/?page=UsingFontSize Font sizing
http://www.elsid.co.za/download/css_fontsizes.htm Examples of font sizes
http://http: // css-discuss.incutio.com/?page=ForceFontSize Forced font sizing
http://www.artlebedev.com/mandership/70/ Screen Resolution and pixel sizing
http://pfunked.net/articles/css_font_sizing Screen resolution and font sizing
http://hsivonen.iki.fi/units/ Points and Pixels as Units; Monitor Resolutions
http://www.wordstar.org/computing/pages/monitor_cal.htm [Windows] default display font size
http://css-discuss.incutio.com/?page=UsingKeywords sizing with keywords
http://www.alistapart.com/stories/sizematters/ Article on keyword sizing [2001]
http://css-discuss.incutio.com/?page=UsingPixels Sizing with Pixels; also see the references on Monitor Resolution
http://www.maxdesign.com.au/presentation/relative/ Relative Font Sizing
http://f6design.com/journal/2006/07/14/relative-font-sizing-made-easy/ Relative font sizing with %; explains the IE sizing fix
http:// css- discuss.incutio.com/?page=UsingPercentages Percentage-based sizing
http://css- discuss. incutio.com/?page=UsingEms EMs for font sizing [and div sizing]
http://www.alistapart.com/articles/howtosizetextincss Sizing text, with emphasisn on EMs • BE SURE TO READ THIS•
http://www.alistapart.com/articles/settingtypeontheweb Extending it to a BASELINE GRID • BE SURE TO READ THIS•
http://clagnut.com/blog/348/ More on EM sizing
http://riddle.pl/emcalc/ Em calculator tool; will calculate inheritance
http://www.htmldog.com/articles/elasticdesign/demo/ good example of an em-based layout
http://www.ikea.com/us/en IKEA, uses em-based layout
http://www.markboultondesign.com/ Portoflio layout using EMs
http://jontangerine.com/silo/css/elastic-layout/ another em-based layout
http://www.alistapart .com/articles/elastic Em-based layout article • BE SURE TO READ THIS•
'perfect' layouts Perfect/%/non-breaking layouts • BE SURE TO READ THIS•
'perfect' floats layout Adaptable floats • BE SURE TO READ THIS•
http://jontangerine.com/log/2007/09/the- incredible-em-and-elastic-layouts-with-css More on em-based layout • BE SURE TO READ THIS•
http: //www.thenoodleincident.com/tutorials/box_lesson/font/ Examples of sizing across different browsers, with screenshots. Extensive list of exceptions.
http://www.thenoodleincident.com/tutorials/typography/index.html The 'sane' approach.
Use the 'SANE' template at http://www.thenoodleincident.com/tutorials/typography/template.html as a good model for graduated sizes.
The CSS for that page is here: http://www.thenoodleincident.com/tutorials/typography/css/real.css
http://www.thenoodleincident.com/tutorials/typography/ incremental_differences.html Incremental differences across multiple browsers
3- column stretch Positioning using one fluid column
www.positioniseverything.net/articles/onetruelayout/ Position is Everything article: looking for good working models
http://www.positioniseverything.net/articles/onetruelayout/example/ combinedfirefoxfix The Position-is-everything Layout
table of 3-column layouts 3-Column layouts
CSS Positioning Links to examples of CSS positioning
Xray tool for CSS analysis: http://www. westciv.com /xray/xray_more.html
http://css-tricks.com/css-transparency-settings-for-all-broswers/ Using opacity, cross-browser
http://webdesign.about.com/od/css3/a/aa121306.htm Using Opacity
http://www.w3schools.com/css/css_image_transparency.asp Using opacity
http://www.mandarindesign.com/opacity.html Using opacity
http://www.quirksmode.org/css/opacity.html Using opacity
http://www.quirksmode.org/css/overflow.html Overflow, hidden
http://www.d.umn.edu/itss/support/Training/Online/csstips/overflow.html Image overflow