http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/ Best collection of links on grid design
http://www.markboulton.co.uk/journal/comments/simple_steps_to_designing_grids/ Tutorial on the math of a grid
http://www.gwhite.us/downloads/css_grid_calc.html Grid calculator
http://www.subtraction.com/2004/12/31/grid-computi the site for the "Grids Are Good PDF
http://cameronmoll.com/archives/2006/12/gridding_the_960/ Background grid image to use as a guide
http://www.alistapart.com/articles/goingtoprint/ Styling type for print
http://css-discuss.incutio.com/ PrintStylesheets
Also see the handout, "printstyles.doc" in the class folder
http://www.alistapart.com/articles/switchymclayout The 'Switchy McLayout approach to dynamically sized pages.
http://particletree.com/examples/dynamiclayouts/ Particle Tree demo
http://particletree.com/features/dynamic-resolution-dependent-layouts/ Resolution-dependant layouts [zip file]
http://clagnut.com/sandbox/dynamic-layout/ another example of a reformatting layout
http://www.themaninblue.com/experiment/ResolutionLayout/ another example of a reformatting layout
http://matthewjamestaylor.com/blog/floating-boxes-css-layout Adaptable floats
http://www.fortysomething.ca/mt/etc/archives/css/css_layouts/ List of links to layout templates; it includes some adaptable examples, but is also excellent for finding a particular layout feature to adapt
http://www.alistapart.com/articles/alternate/ Using JS to dyamically switch between style sheets
http://www.centerkey.com/style/switcher/ Another syle sheet switcher
http://www.alistapart.com/articles/quickcssmockupswithphotoshop/ Exporting DIVs from Imageready instead of table slices
GALLERY Using rollovers to create gallery effects
Simple photo gallery Simple photo gallery
http://www.cssplay.co.uk/menu/art_gallery Flyout menu combined with gallery
http://www.cssplay.co.uk/menu/photo_simple 2nd Simple photo gallery
http://www.cssplay.co.uk/menu/scroll_gallery Scrolling Gallery
http://www.cssplay.co.uk/menu/clip_gallery Clipped gallery
http://www.cssplay.co.uk/menu/image_magnifier Magnifier
http://www.cookwood.com/html6ed/examples/css-effects/popups.html Basic popup rollover from the Castro HTML book
http://clagnut.com/sandbox/imagetest.php/ FLUID/EXPANDING IMAGES
'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•
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