Vintedge-UI V5

###Vintedge UI Template V5 Automation for UI Developement. Note: This template is still in development.

####Markdown Guide Markdown is a lightweight markup language. http://markdown-guide.readthedocs.org/en/latest/basics.html https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

####HTML5 Boilerplate The web's most popular front-end template. http://html5boilerplate.com/

####Modernizr A JavaScript library that detects HTML5 and CSS3 features in the user's browser. http://modernizr.com/

####BootStrap 3 The most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. http://getbootstrap.com/

Bootstrap is not magic. It does not cure cancer. Only Chuck Norris’ tears do that. You are not going to drop Bootstrap onto your site and magically have a cross platform application that works on every device and is future proof. In fact, you are going to have to do a fair bit of extra work on top of what Bootstrap gives you out of the box to be fully responsive.

Also, keep in mind that Responsive Design is really just the beginning when it comes to building web experiences on mobile devices. Today’s phones and tablets are capable of so much more than just laying out content with a font big enough for you to read it. We are still trying to figure out how to simply display the content for these devices, but they are poised to do so much more if we can leverage all of the power they afford to users above and beyond what a desktop was ever capable of.

http://modernweb.com/2013/09/16/break-the-wrist-and-walk-away-responsive-design-and-bootstrap-3/

#####BootStrap 3 Media Query Breakpoints http://scotch.io/quick-tips/css3-quick-tips/default-sizes-for-twitter-bootstraps-media-queries

####Bootstrap IE7 (Beta) https://github.com/coliff/bootstrap-ie7

####jQuery A fast, small, and feature-rich JavaScript library. http://jquery.com/

####CSS Build using Stylus Expressive, dynamic, robust CSS. http://learnboost.github.io/stylus/

######Why Stylus? And Not SASS or LESS http://code.tutsplus.com/tutorials/sass-vs-less-vs-stylus-preprocessor-shootout--net-24320 http://webdesign.tutsplus.com/articles/why-i-choose-stylus-and-you-should-too--webdesign-18412 https://github.com/LearnBoost/stylus/blob/master/docs/compare.md

######nib CSS3 extensions for Stylus http://visionmedia.github.io/nib/

####Generate Style Guide Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow. Default: StyleDocco Framework https://www.npmjs.org/package/grunt-styleguide/

####StyleDocco StyleDocco generates documentation and style guide documents from your stylesheets. http://jacobrask.github.io/styledocco/

######Sample Style Guide A sample style guide can be found @: http://10.10.10.10/_references/template/assets/css/build/styleguide/breadcrumbs.html

####Smushit Minify PNG and JPEG images. https://github.com/heldr/grunt-smushit

####Sprite Generator Grunt task for converting a set of images into a spritesheet and corresponding CSS variables. https://www.npmjs.org/package/grunt-spritesmith

####Favicon Generator Generate the favicon pictures and HTML code that work on all major browsers and platforms. http://realfavicongenerator.net/

####Device Detection with WURFL.js URFL.js is a JavaScript file that provides information about the device that is accesing your page. Whether it is a desktop browser, a tablet, a mobile phone, a smart TV, game console or someone with his wristwatch. http://wurfl.io/

####Compiled with Grunt The JavaScript Task Runner. http://gruntjs.com/

####Grunt plugins Simply awesome!!! http://gruntjs.com/plugins

####node.js A platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. http://nodejs.org/

####npm cheet sheet http://browsenpm.org/help http://www.codechewing.com/library/node-js-npm-cheatsheet/

####A Good UI A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. http://www.goodui.org/

####isobar Front-end Code Standards & Best Practices This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. http://isobar-idev.github.io/code-standards/

####Google Web Fundamentals Best practices for modern web development https://developers.google.com/web/fundamentals/

####Google PageSpeed Tools Fast and optimized pages lead to higher visitor engagement, retention, and conversions. The PageSpeed family of tools is designed to help you optimize the performance of your website. PageSpeed Insights products will help you identify performance best practices that can be applied to your site, and PageSpeed optimization tools can help you automate the process. https://developers.google.com/speed/pagespeed/

####Yahoo YUI Best Practices for Speeding Up Your Web Site https://developer.yahoo.com/performance/rules.html

####Visual Designers Checklist for the Web Web Design Checklist. These are merely suggestions for your workflow. http://webdesignerschecklist.com/

####Web Developer Checklist http://webdevchecklist.com/

####The Ultimate Website Launch Checklist This is a comprehensive checklist of things to check pre-launch that includes things like content, style, validation, seo, and security points. http://www.boxuk.com/upload/2014/02/Ultimate-Website-Launch-Checklist-5.0.pdf

####25-point Website Usability Checklist The list is split into 4 roughly equal sections, (I) Accessibility, (II) Identity, (III) Navigation, and (IV) Content. http://www.usereffect.com/download/checklist.pdf

####The Ultimate SEO Checklist Optimizing your web site for search engines should be an integral part of your web site project. http://www.sitepoint.com/ultimate-seo-checklist/

####Screen Sizes http://screensiz.es/ http://www.viewlike.us/screen-sizes/

####Media Query Debugging Tool http://beta.screenqueri.es/ http://www.viewlike.us/ http://breakpointtester.com/

####RWD Showcase http://mediaqueri.es/ http://www.awwwards.com/