Version 2 of images.kobobooks.com will adhere to responsive design standards

For more info, go here:
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Tools Needed:
Mindscape Web Workbench - Free Edition: Provides SASS->CSS compilation

Using SASS:
To add new CSS, (with Mindscape Web Workbench installed), Add->New Item->SASS Stylesheet
To make use of existing colors, functions and mixins, you can import other SCSS files: @import "../_global";
For more info, go here:
http://sass-lang.com/


When adding new styles & scripts, here are some steps to follow

1. Add your file in the appropriate place using this convention:
	/V2/{parter}/{ThemeOrView}/file.extension

2. Add/modify compressor.xml entries for your new styles/scripts

3. Make sure to add the file to the ShortCover.sln



Things to keep in mind before adding new stuff:


1. Do my styles and or functionality exist already?

2. Do I really need another external library? (probably not)

3. Do my new styles/scripts meet responsive design standards?
	- are they flexible for any screen res?
	- does it work with the lowest common denominator? (IE, android pre v3 etc.)



Rules for css/javscript External Libraries


1. only include external libs here if the provider doesn't have their own trusted CDN to pull from 
	(i.e. http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js, https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js)

2. only reference minimized versions in production

3. reference the external library in a master page, near the </body> tag, but before custom scripts/styles