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://setmy.browsersize.com/ Set my browser size
http://resizemybrowser.com/ Resize my browser
http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html Mobile screen sizes
http://lab.erich-holzbauer.at/mobile/screensizes.php Mobile screen size visualized
http://punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutions
http://css-tricks.com/resolution-specific-stylesheets/ Kinds of Resolution Dependent Layouts. See the JS and JQuery of the particletree layout
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/features/dynamic-resolution-dependent-layouts/ Resolution-dependant layouts [zip file]. See the cleaner version in css-tricks.com
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.w3schools.com/CSS/css_mediatypes.asp W3Schools on media types
http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries Media Queries: specific max/min sizes
Note the difference between: min-width/max-width AND min-device-width/max-device-width
http://css-tricks.com/css-media-queries/ @media for media queries
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
Using media queries for mobile versions
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries Templated media queries. List of sizes/formats
http://caniuse.com/#search=css-media Support for Media Queries
http://css-tricks.com/resolution-specific-stylesheets/ Resolution specific stylesheets. Examples with @media and JQUERY.
Note that @media returns the device width, and not the browser width.
http://www.webmonkey.com/2011/04/how-to-have-your-media-queries-and-eat-ie-too/ @mediaqueries
http://www.net-kit.com/10-practical-jquery-style-switchers/ 10 JQuery style switchers
http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/ JQuery style switcher
http://www.centerkey.com/style/switcher/ Another syle sheet switcher
http://www.alistapart.com/articles/responsive-web-design/ mobiles
http://www.howtocreate.co.uk/tutorials/css/mediatypes notes on mobile formatting. See the section on: Special notes for handhelds
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-friendly site
hhttp://www.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/ How to Build a Mobile Site
http://www.alistapart.com/articles/return-of-the-mobile-stylesheet/ mobile stylesheets
http://www.smashingmagazine.com/2011/03/29/designing-for-the-future-web/ portable web
http://stuffandnonsense.co.uk/projects/320andup/ 320 & UP: starting with a mobile design and using HTML5
http://cssprefixer.appspot.com/ Adds CSS vendor prefixes for CSS3
http://css-tricks.com/float-center/ FAKING a center float
http://www.usabilitypost.com/2011/04/19/pure-css-slideout-interface/ CSS slide out, no JS
http://blogs.sitepoint.com/pure-css3-paper-curl/ Curled corner effect in CSS
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/ Workflow and good practices
http://weenudge.com The fold, whitespace, delivering files, wireframes, content [for clients]
http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/ more ideas for better coding
http://webdesignledger.com/tips/web-design-trends-in-2011 Web Trends for 2011
http://webdesignledger.com/tips/web-design-trends-for-2010 if you missed Web Trends for 2010...