Install this npm and get the setup completed.

http://brian.io/lawnchair/

Reset all form elements. Don't forget all the new sexy html5 input types and placeholder text.

@whoiskenjackson.

I think we need the following in FredSloan

LESS Config file that handles options for supporting IE,
Custom @media breakpoints outside of our standards,
CDN option for common js files with fallback to self hosted option,
Optional chromeframe check?
Optional FB meta tags,

I'm working on the grid. I'm start with large bp in css, and then will clean code and use the magic of less to power the rest of the @media queries.

Come up with a grid system that will work with fixed widths and @media breakpoints. Also a method for fluid layout.

Example:
/* base mobile styles */

sidebar {

transition: opacity 2s;
width: 300px;
overflow: hidden;

}

/* portrait /
@media screen and (orientation:portrait) {
/ portrait-specific styles */
#sidebar {
opacity: 0;
width: 0;
}
}

/* landscape /
@media screen and (orientation:landscape) {
/ landscape-specific styles */
#sidebar {
opacity: 1;
}
}

code src from: http://davidwalsh.name/animate-media-queries

We need to figure out a all the different types of template pages to create.

hero image/landing page,
Form page,
2 Col layout,
3 Col layout,
kitchen sink page.

While we prep the custom config file for vars allowing custom @media queries lets setup a base standard to use.

Here is my initial list:
Desktop/TV:
1024x768,
1200x1600,
2560x1440 | 16:9 ,
720p
1080p

Tablet (support rotation):
ipadMini/ipad2 size... i forget off the res spec <- this should also be fit whatever fake ipads are popular like kindle and google tablets.
retina and non retina

Phone (support rotation):
retina and non retina

Also I want to future proof the tool and allow 1.1 retina queries for each size.

I'm all for using REM with px fallback for all text on the site.
http://snook.ca/archives/html_and_css/font-size-with-rem

Kenny,

I left the style folder you created in the root, I'm copied all of those files into the ~/public/stylesheets/

TODO: Delete the root folder "styles".

for alpha code I'd like to not support anything but browsers from the last year. shim, polyfills etc would be preferred approach.

Desktop

IE7 won't support even with fallbacks/ Its to not worth the effort.
ie8 gracefully fail <- last priority.

Safari5+
Chome version <- only builds in last 12months
FF <- support only last 12months.
OPera <- only latest version

Mobile

ios5+
android 4.X
Chrome ? not sure... only last 12months
opera <- graceful fallback
ff <- graceful fallback

Create watcher for less files and create install instructions.

We need to figure out what file will handle all the media queries and the import order.

This is an interesting project.
https://github.com/visionmedia/rework

Select base font and sizing for h1-h6