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
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/