Constantly growing personal list of tools, libraries, assets and any other open-source projects I use on day to day basis for frontend web development.
##Editors ######Standalone Applications
- SublimeText 2: The text editor you'll fall in love with
- Coda: Alternative editor
- Vim: highly configurable text editor
######Online Editors
- Codepen: playground for the front end side of the web
- Dabblet
- jsfiddle
- jsbin
- tinker.io
- tinkerbin
- Plunker
- cssdeck
##HTML/CSS
######HTML Base/Boilerplate
######CSS Base/Boilerplate
######CSS Frameworks (Comparison)
- Foundation
- Bootstrap
- inuit.css: Powerful, scalable, Sass-based, BEM, OOCSS framework.
- Grumby: The NEW Responsive 960 Grid CSS
######CSS Preprocessors (Comparison)
######CSS Helpers
######CSS Auto Documentation Tools
######CSS Quality Validators
######CSS Style Guides
######CSS Generators
- patternify
- Ultimate CSS Gradient Generator
- patternizer
- css3please.com
- cssarrowplease.com
- CSS Flexbox Please
- CSS3 GENERATOR
- css3generator.com
- css3maker.com
- CSS3 Sandbox
- The Shapes of Css
- Animate.css
- 960.gs: The 960 Grid System is an effort to streamline web development workflow.
- Profound Grid: A responsive grid system for fixed and fluid layouts.
- YUI Grid Builder: A little web app that generates responsive YUI Grids CSS
- Yeoman: a robust and opinionated client-side stack, comprised of tools and frameworks that can help developers quickly build beautiful web applications.
######Module/Script Loaders (Javascript Loaders Comparison)
- require.js The awesomest AMD script loader
- YepNope conditional loader for polyfills
- jQuery: Write less; do more.
- jQuery Fundamentals Massively awesome online course/ebook
- Handpicked jQuery Plugins
- jKit: A very easy to use, cross platform, jQuery based UI toolkit
- jQuery API
- jQuery Ui
- jQuery++: collection of extremely useful DOM helpers.
- Beautiful Web Type: A showcase of the best typefaces from the Google web fonts directory.
- Interactive Guide to Blog Typography
- FontAwesome: The iconic font designed for use with Twitter Bootstrap
- Fontawesome More: The iconic font designed for use with Twitter Bootstrap
- IconSweets: a huge FREE icon set containing over a 1,000+ icon
- Glyphicons: designed primarily for toolbars and navigation bars in OS X Lion, the application for iPhone, iPhone 4, iPad and other Apple devices. (CC license)
- Glyphish: Free set published under a Creative Commons Attribution license
- FamFamFam: oldie, but goodie
- LED Icon Set: .png icons make a professionally looking small icon set and are totally free in commercial and open source apps / websites.
- Fugue Icons: 3,480 icons are included in PNG format (16x16 pixels) + bonus. (CC license)
######Textures
- SubtlePatterns: tons of really nice, subtle patterns, love this site!
- Noise Texture Generator
- 0to255: simple tool that helps web designers find variations of any color.
In progress: Resources, etc
######Rules/Practices
- Web Performance Best Practices
- Best Practices for Speeding Up Your Web Site
- High Performance Web Sites - 14 Rules for Faster-Loading Web Sites
- Even Faster Web Sites
##Reference
######Browser Supports
- http://caniuse.com/
- http://html5please.com/
- http://html5readiness.com/
- html5test.com
- http://www.browsersupport.net/
- http://css3test.com/
- Browserscope
- HTML5 & CSS3 Support
- CSS4-Selectors
- HTML5 - Information and samples for HTML5 and related APIs
- CSS3 - Information and samples
- JavaScript tests & Compatibility tables
- Cross Browser Handbook Knowledgebase