http://www.hobo-web.co.uk/tips/25.htm [most recent stats] and also see the link on freelancing
http://www.anybrowser.com/ScreenSizeTest.html 'live area' browser window stats, as opposed to total browser window. This link includes a tester that works on online pages
http://www.motive.co.nz/glossary/fold.php idea of the concept of the ” fold”
http://www.motive.co.nz/glossary/fold.php idea of the concept of the ” fold”
http://www.anybrowser.com/ScreenSizeTest.html test your scren size [your page must be online]
http://www.baekdal.com/reports/actual-browser-sizes/
http://justaddwater.dk/2006/08/17/design-for-browser-size-not-screen-size/ designing for browser size, not screen size; shows the maximized contnet area
http://www.useit.com/alertbox/screen_resolution.html designing for browser size, not screen size
http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/
http://matthewjamestaylor.com/blog/floating-boxes-css-layout Easy example: Adaptable floats
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://www.howtocreate.co.uk/tutorials/css/mediatypes notes on mobile formatting
http://css-discuss.incutio.com/wiki/Handheld_Stylesheets handheld stylesheets
http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/ CSS mobile makeover
http://carsonified.com/blog/mobile/make-your-site-mobile-friendly/ tips for a mobile-friedly site
http://webdesign.about.com/cs/xhtmlxml/a/aa073001a.htm coding for a mobile or handheld: You Already Write for Cell Phones
http://webdesign.about.com/od/mobile/a/write-web-pages-for-the-iphone.htm coding for the iphone
http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-optimized-css-code/ Making your code clean
http://www.alistapart.com/articles/goingtoprint/ Styling type for print
http://www.alistapart.com/articles/alaprintstyles/ More on print style sheets from A List Apart
http://css-discuss.incutio.com/ PrintStylesheets
Also see the handout, "printstyles.doc" in the class folder
http://webdesign.about.com/od/printerfriendly/a/aa041403a.htm What is a Printer-Friendly Web Page?
http://webdesign.about.com/cs/css/a/aa042103a.htm?p=1 CSS Media Types Create Print-Friendly Pages
http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml Print stylesheet—the definitive guide
http://www.adobe.com/go/vid0185 Adobe Device Central video tutorial
http://creativesuitepodcast.com/index.php?post_id=389297 Adobe Device Central podcast
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://contrastsweb.com/switcher/v2/
http://webkit.org/blog/41/ Web Inspector allows you to view page source; just right click on an element, or hold Shift + Control.
First, do a download of the latest build, like WebKit-SVN-r38297.dmg
Then type this into the Mac Terminalapp : defaults write com.apple.Safari \WebKitDeveloperExtras -bool true
Finally, restart Safari. Youwill see 'Inspect Element' when youright click or click with Shift + Control