Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/codylindley/frontend-tools

Landscaping With Front-end Tools
https://github.com/codylindley/frontend-tools
Last synced: 11 days ago
JSON representation
Landscaping With Front-end Tools
Host: GitHub
URL: https://github.com/codylindley/frontend-tools
Owner: codylindley
Created: 2012-09-28T20:20:18.000Z (about 12 years ago)
Default Branch: master
Last Pushed: 2022-04-14T08:46:39.000Z (over 2 years ago)
Last Synced: 2024-11-01T20:36:20.443Z (about 1 month ago)
Homepage:
Size: 906 KB
Stars: 2,369
Watchers: 264
Forks: 585
Open Issues: 14
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

fucking-lists - frontend-tools
awesomelist - frontend-tools
collection - frontend-tools
lists - frontend-tools
README

        

***

## THIS IS DEPREICATED CONTENT

# This content has evolved into a book called "Front-end Handbook": https://www.gitbook.com/book/frontendmasters/front-end-handbook/details

***

#Landscaping With Frontend Development Tools

An opinionated list of tools for frontend (i.e. html, js, css) desktop/laptop (i.e. does not include tablet or phone yet) web development

##Coding Tools

######Workflow/Builds/Assemblers/Task-runners/Dev Opts

* [bud](http://github.com/azer/bud)

* [lumbar](http://walmartlabs.github.io/lumbar/)

* [brunch](http://brunch.io/)

* [grunt](http://gruntjs.com/)

	* [lineman](https://github.com/testdouble/lineman)

	* [yeoman](http://yeoman.io/)

	* [Takeoff](http://tsvensen.github.io/Takeoff/)

* [gulpjs](http://gulpjs.com/)

* [broccoli](https://github.com/joliss/broccoli)

* [mimosa](http://mimosa.io/)

* [codeKit](http://incident57.com/codekit/)

* [liveReload](http://livereload.com/)

* [stealJS](http://javascriptmvc.com/docs.html#!stealjs)

* [anvil.js](https://github.com/anviljs/anvil.js/)

* [modjs](http://modulejs.github.io/modjs/)

* [nodefront](http://karthikv.github.com/nodefront/)

* [AUTOMATON](http://indigounited.com/automaton/)

* [volo](http://volojs.org/)

* [roots](http://roots.cx/)

* [middleman](http://middlemanapp.com/)

* [fb-flo](http://facebook.github.io/fb-flo/)

---

######Browser Package Managers (checkout: [Front-End Package Manager Comparison](https://github.com/wilmoore/frontend-packagers))

* [bower](http://bower.io)

* [component](https://github.com/component/component)

* [ender](http://ender.jit.su/)

* [jam](http://jamjs.org/)

* [volo](http://volojs.org/)

* [jspm.io](http://jspm.io/)

---

######CSS Base/Boilerplate

* [normalize.css](http://necolas.github.com/normalize.css/)

---

######CSS Frameworks ([Comparison](http://responsive.vermilion.com/compare.php) or [Front-end CSS frameworks](http://usablica.github.com/front-end-frameworks/compare.html))

* [foundation](http://foundation.zurb.com/)

* [bootstrap](http://twitter.github.com/bootstrap/)

* [HTML KickStart](http://www.99lime.com/elements/)

* [kube](http://imperavi.com/kube/)

* [skeleton](http://www.getskeleton.com/)

* [baseline](http://baselinecss.com/)

* [gumby](http://gumbyframework.com)

* [Groundwork](http://groundwork.sidereel.com/?url=home)

* [topcoat](http://topcoat.io/)

* [purecss](http://purecss.io/)

* [tuktuk](http://tuktuk.tapquo.com/)

* [Metro UI CSS](http://metroui.org.ua/)

* [Flat UI Kit](http://designmodo.github.io/Flat-UI/)

* [workless](http://workless.ikreativ.com/)

* [99lime](http://www.99lime.com/)

* [ink](http://ink.sapo.pt/)

* [Semantic UI](http://semantic-ui.com/)

* [uikit](http://www.getuikit.com)

* [cascade-framework](http://www.cascade-framework.com/)

* [minfwk](http://minfwk.com/)

* [layers](http://eiskis.net/layers/)

---

######HTML Base/Boilerplate

* [HTML5 Boilerplate](http://html5boilerplate.com/)

* [Rock Hammer](http://stuffandnonsense.co.uk/projects/rock-hammer/)

* [html5bones](http://html5bones.com/)

* [dCodes](http://www.dcodes.net/2/docs/index.html)

---

######Frontend HTML/CSS/JS Base/Boilerplate

* [Headstart](http://www.headstart.io/)

* [google Web Starter Kit](https://developers.google.com/web/starter-kit/)

---

######DOM Scripting (FYI dojo, yui, ext, qooxdoo all have DOM tools)

* [jQuery](http://jquery.com/)

	*  [jQuery++](http://jquerypp.com/)

* [zepto](http://zeptojs.com/)

* [tire](http://tirejs.com/)

* [mooTools](http://mootools.net/)

* [DOMAssistant](http://www.domassistant.com/)

* [Enders The Jeesh](https://github.com/ender-js/jeesh)

 	* [domReady](https://github.com/ded/domready)

 	* [query](https://github.com/ded/qwery)

	* [bonzo](https://github.com/ded/bonzo)

	* [bean](https://github.com/fat/bean)

* [rye](http://ryejs.com/)

* [dom](https://github.com/component/dom)

---

######JS Helpers

* [lo-dash](http://lodash.com/)

* [fn.js](http://eliperelman.com/fn.js/)

* [lazy.js](http://danieltao.com/lazy.js/)

* [string.js](http://stringjs.com/)

* [boiler.js](http://www.boilerjs.com/)

* [underscore](http://underscorejs.org/)

	* [underscore.string](http://epeli.github.io/underscore.string/)

* [sugar.js](http://sugarjs.com/)

* [craft.js](http://craftjs.org/)

* [valentine](https://github.com/ded/valentine)

* [platform.js](https://github.com/bestiejs/platform.js)

* [modernizr](http://modernizr.com/)

	* [yepnope](http://yepnopejs.com/)

* [JSON3](http://bestiejs.github.io/json3/)

* [uri.js](https://github.com/medialize/URI.js)

* [moment.js](http://momentjs.com/)

* [wait.js](https://github.com/elving/wait)

* [Numeral.js](http://numeraljs.com/)

* [accounting.js](http://josscrowcroft.github.io/accounting.js/)

* [Upcast](https://github.com/rowanmanning/upcast)

* [taffydb](http://www.taffydb.com/)

* [Catiline.js](http://Catilinejs.com/)

* [XRegExp](http://xregexp.com/)

* [duckyjs](http://duckyjs.com/)

* [mathjs](http://mathjs.org/)

* [spectra.js](http://aakpat6.github.io/spectra/)

---

######Keyboard Helpers

* [keys.js](https://github.com/bitwalker/keys.js)

* [mousestrap](http://craig.is/killing/mice)

* [Keypress](http://dmauro.github.io/Keypress/)

---

######Event (mouse/touch/pointer) Helpers

* [pointer.js](https://github.com/mozilla/pointer.js)

* [thumbs.js](http://mwbrooks.github.io/thumbs.js/)

* [Hammer.js](https://github.com/EightMedia/hammer.js)

* [Event.js](https://github.com/mudcube/Event.js)

* [DeepTissue.js](http://deeptissuejs.com)

---

######CSS Helpers

* [typecsset](https://github.com/csswizardry/typecsset)

* [-prefix-free](http://leaverou.github.io/prefixfree/)

* [CSScomb](http://csscomb.com)

* [Autoprefixer](https://github.com/ai/autoprefixer)

---

######Module/Script Dependency Loaders ([Javascript Loaders Comparison](https://spreadsheets.google.com/spreadsheet/lv?key=0Aqln2akPWiMIdERkY3J2OXdOUVJDTkNSQ2ZsV3hoWVE&f=true&noheader=true&gid=2))

* [require.js](http://requirejs.org/)

	* [almond](https://github.com/jrburke/almond)

* [cajon](https://github.com/requirejs/cajon)

* [browserify](https://github.com/substack/node-browserify)

* [curl](https://github.com/cujojs/curl)

* [shepherd-js](http://xcambar.github.io/shepherd-js/)

* [UMD (Universal Module Definition)](https://github.com/umdjs/umd)

	* [UMD-inspired Module Boilerplate](https://gist.github.com/3880415)

* [Inject](https://github.com/linkedin/inject)

* [controlJS](http://controljs.org/)

* [JAL](https://github.com/tail-f-systems/JAL)

* [yepnope](http://yepnopejs.com/)

* [AXEL](https://github.com/amol-/axel)

* [lmd](http://lmdjs.org/)

* [LazyJS](http://bevacqua.github.io/lazyjs/)

* [jspm.io](http://jspm.io/)

* [lazy.js](https://github.com/mercadolibre/lazy.js)

* [webpack](https://github.com/webpack/webpack)

* [systemjs](https://github.com/systemjs/systemjs)

---

######Templates ([template chooser](http://garann.github.io/template-chooser))

* [handlebars](http://handlebarsjs.com/)

* [pure](http://beebole.com/pure/)

* [dust](http://akdubya.github.io/dustjs/)

* [transparency](http://leonidas.github.io/transparency/)

* [plates](https://github.com/flatiron/plates)

* [mustache](http://mustache.github.com/)

	* [hogan.js](http://twitter.github.io/hogan.js/)

* [icanhaz](http://icanhazjs.com/)

* [doT.js](http://olado.github.io/doT/)

* [underscore](http://underscorejs.org/#template)

* [mold](https://github.com/idottv/Mold)

* [nunjucks](http://jlongster.github.io/nunjucks/)

* [Swig](http://paularmstrong.github.io/swig/)

* [jtmpl](http://jtmpl.com/)

* [teddy](https://github.com/kethinov/teddy)

---

######UI Widgets ([comparison](http://uiwidgets.t7interactive.com/))

* [chico-ui](http://chico-ui.com.ar/)

* [google closure](http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/index.html)

* [DHTMLX](http://dhtmlx.com/)

* [extJS](http://www.sencha.com/products/extjs/examples/)

* [kendoUI](http://www.kendoui.com/)

* [qooxdoo](http://qooxdoo.org/)

* [bootstrap components & javascript](http://twitter.github.com/bootstrap/javascript.html)

	* [Fuel UX](http://exacttarget.github.com/fuelux/)

* [wijmo](http://wijmo.com/)

* [YUI3 Widgets](http://yuilibrary.com/yui/docs/guides/)

* [dojo dijits](http://dojotoolkit.org/reference-guide/1.8/dijit/index.html)

* [jQuery UI](http://jqueryui.com/)

* [Zino UI](http://zinoui.com/)

* [JKIT](http://jquery-jkit.com/)

* [w2ui](http://w2ui.com/web/)

* [basis.js](http://basisjs.com/)

* [webix](http://docs.webix.com/)

* [alloyui](http://alloyui.com/)

* [JavaScript (from sync fusion)](http://www.syncfusion.com/products/javascript)

* [jQWidgets](http://www.jqwidgets.com/)

* [formstone](http://formstone.it/)

* [winJS](http://try.buildwinjs.com/#play)

* [assets.cms.gov](http://assets.cms.gov/)

* [zippy ui](http://zippyui.com/)

---

######Testing Frameworks

* [testem](https://github.com/airportyh/testem)

* [Karma](http://karma-runner.github.io/0.8/index.html)

* [intern](http://theintern.io/)

* [buster.js](http://busterjs.org/)

* [prova](http://github.com/azer/prova)

---

######Browser Testing & Browser Automated Testing & Browser Screen Captures

* [casperJS](http://casperjs.org/)

* [Selenium](http://www.seleniumhq.org/)

* [phantomJS](http://phantomjs.org/)

* [saucelabs](https://saucelabs.com)

* [browserstack](http://www.browserstack.com/)

* [browserling](https://browserling.com/)

* [DalekJS](http://dalekjs.com/)

* [testling-ci](http://ci.testling.com/)

* [crossbrowsertesting.com](http://crossbrowsertesting.com/)

* [nightwatch.js](http://nightwatchjs.org/)

* [Protractor](https://github.com/angular/protractor)

---

######Tests Runners

* [mocha](http://visionmedia.github.com/mocha/)

* [qunit](http://qunitjs.com/)

* [jasmine](http://pivotal.github.com/jasmine/)

* [jest](http://facebook.github.io/jest/)

* [jstest](http://jstest.jcoglan.com/)

---

######Test spies, stubs and mocks

* [sinon.js](http://sinonjs.org/)

---

######Code Coverage

* [istanbul](http://gotwarlost.github.io/istanbul/)

* [blanket.js](http://blanketjs.org/)

* [coveralls](https://coveralls.io/)

---

######Code Complexity & Reports

* [jscomplexity](http://jscomplexity.org/)

* [plato](https://github.com/es-analysis/plato)

---

######Assertion Libraries

* [chai](http://chaijs.com/)

* [should](https://github.com/visionmedia/should.js)

* [expect](https://github.com/LearnBoost/expect.js)

---

######JS Performance Testing

* [benchmark.js](http://benchmarkjs.com/)

* [jsPerf — JavaScript performance playground](http://jsperf.com/)

---

######JS Auto Documentation Tools

* [yuiDoc](http://yui.github.com/yuidoc/)

* [docco](http://jashkenas.github.com/docco/)

	* [docco-husky](https://github.com/mbrevoort/docco-husky)

* [jsduck](https://github.com/senchalabs/jsduck)

* [jsdoc](https://github.com/jsdoc3/jsdoc)

* [node-jsdoc-toolkit](https://github.com/p120ph37/node-jsdoc-toolkit)

* [dox](https://github.com/visionmedia/dox)

	* [markdox](https://github.com/cbou/markdox)

	* [dox-foundation](https://github.com/punkave/dox-foundation)

---

######CSS Auto Documentation Tools ([THE Style Guide GUIDE](http://vinspee.me/style-guide-guide/))

* [kss](https://github.com/kneath/kss)

* [styledocco/](http://jacobrask.github.com/styledocco/)

---

######JS Quality Validators

* [jslint](http://www.jslint.com/)

* [jshint](http://www.jshint.com/)

* [JSLint Error Explanations](http://jslinterrors.com/)

* [jscomplexity](http://jscomplexity.org/)

* [eslint](https://github.com/eslint/eslint)

* [node-jscs](https://github.com/mdevils/node-jscs/)

---

######CSS Quality Validators

* [csslint](http://csslint.net/)

* [recess](http://twitter.github.com/recess)

---

######HTML Quality Validators

* [html-inspector](https://github.com/philipwalton/html-inspector)

* [htmlHint](http://htmlhint.com/)

---

######JS Optimizer/Minification/Compression Tools

* [google closure compiler](https://developers.google.com/closure/compiler/)

* [uglifyJS](https://github.com/mishoo/UglifyJS)

* [Esprima](http://esprima.org/index.html)

---

######CSS Optimizer/Minification/Compression Tools

* [ycssmin](https://github.com/yui/ycssmin)

* [CSSO](http://css.github.io/csso/)

---

######Languages Compiling to CSS

* [Sass](http://sass-lang.com/)

	* [compass](http://compass-style.org)

	* [inuit.css](https://github.com/csswizardry/inuit.css)

	* [Bourbon](https://github.com/thoughtbot/bourbon): Mixins library for Sass

	* [Neat](https://github.com/thoughtbot/neat): Semantic CSS grid framework

* [stylus](http://learnboost.github.com/stylus/)

	* [nib](http://visionmedia.github.com/nib/)

* [less](http://lesscss.org)

	* [LESS Elements](http://lesselements.com/): Mixins library for LESS

	* [Semantic.gs](http://semantic.gs/): Semantic CSS grid system

* [Absurd](http://krasimir.github.io/absurd/#client-side-tests)

* [myth](http://www.myth.io/)

######Languages Compiling to JS ([http://altjs.org/](http://altjs.org/))

* [coffeeScript](http://coffeescript.org/)

* [dart](http://www.dartlang.org/)

* [roy](https://github.com/pufuwozu/roy)

* [ClojureScript](https://github.com/clojure/clojurescript)

* [TypeScript](http://www.typescriptlang.org/)

---

######Languages Compiling to HTML

* [jade](http://jade-lang.com/)

* [haml](https://github.com/haml/haml)

* [blade](https://github.com/bminer/node-blade)

* [markdown](http://daringfireball.net/projects/markdown/)

* [slim](http://slim-lang.com/)

---

######Routers

* [crossroads.js](http://millermedeiros.github.io/crossroads.js/)

* [davis.js](http://davisjs.com/)

* [Routie](http://projects.jga.me/routie/)

* [director](https://github.com/flatiron/director)

* [Finch.js](http://stoodder.github.io/finchjs/)

* [page.js](http://visionmedia.github.io/page.js/)

---

######Front End Application Structure (somewhat backend agnostic)

* [backbone](http://backbonejs.org/)

	* [marionette](http://marionettejs.com)

	* [chaplin](http://chaplinjs.github.com/)

	* [aura](http://addyosmani.github.com/aura/)

	* [thorax](http://walmartlabs.github.com/thorax/)

* [ember](http://emberjs.com/)

* [knockout](http://knockoutjs.com/)

* [canjs](http://canjs.us/)

* [spine](http://spinejs.com/)

* [angularJS](http://angularjs.org/)

	* [ngmodules.org](http://ngmodules.org/)

* [maria](http://peter.michaux.ca/maria/)

* [sparky.js](http://sparkyjs.com/)

* [hoodie](http://hood.ie/)

* [lure.js](http://tylerbuchea.com/projects/lure/#/)

* [riot.js](https://github.com/moot/riotjs/)

* [vue.js](http://vuejs.org/)

* [mithril](http://lhorie.github.io/mithril/)

---

######Front End Application Structure (with backend opinions)

* [derby](http://derbyjs.com/) (requires NodeJS)

* [flatiron](http://flatironjs.org/) (requires NodeJS)

* [batman.js](http://batmanjs.org/) (requires NodeJS)

* [jsMVC](http://javascriptmvc.com/) (requires Java)

* [montage](http://montagejs.org/) (requires NodeJS)

---

######Full Stack Application Structure/Frameworks

* [wakanda](http://www.wakanda.org/)

* [meteor](http://www.meteor.com/)

---

######Frontend JavaScript Frameworks (aka Kitchen Sink Solutions, tools below provide a mixture of the things above)

* [YUI3](http://yuilibrary.com/projects/yui3/)

* [dojo](http://dojotoolkit.org/)

* [extJS](http://www.sencha.com/products/extjs/)

* [qooxdoo](http://qooxdoo.org/)

* [google closure](https://developers.google.com/closure/)

######Front End Application monitoring

* [Caliper](http://caliper.io)

---

##Reference/Guide/Polyfill/Generator Tools

######Browser X Supports X

* [http://caniuse.com/](http://caniuse.com/)

* [http://html5please.com/](http://html5please.com/)

* [http://html5readiness.com/](http://html5readiness.com/)

* [html5test.com](http://html5test.com/index.html)

* [http://www.browsersupport.net/](http://www.browsersupport.net/)

* [http://css3test.com/](http://css3test.com/)

* [Browserscope](http://www.browserscope.org/)

* [HTML5 & CSS3 Support](http://www.findmebyip.com/litmus/)

* [CSS4-Selectors](http://css4-selectors.com/selectors/)

* [HTML5 - Information and samples for HTML5 and related APIs](http://robertnyman.com/html5/)

* [CSS3 - Information and samples](http://robertnyman.com/css3/)

* [JavaScript tests & Compatibility tables](http://robertnyman.com/javascript/)

* [Cross Browser Handbook Knowledgebase](http://www.crossbrowserbook.com/Knowledge)

* [JS-Compatibility-Table](http://compatibility.shwups-cms.ch/de/home/?)

* [webbrowsercompatibility](http://www.webbrowsercompatibility.com/)

---

######HTML Language References & Polyfills

* [HTML5 A technical specification for Web developers](http://developers.whatwg.org/)

* [HTML Living Standard](http://www.whatwg.org/specs/web-apps/current-work/multipage/)

* [HTML5 A vocabulary and associated APIs for HTML and XHTML](http://www.w3.org/TR/html5/)

* [HTML 5 Reference A Web Developer’s Guide to HTML 5](http://dev.w3.org/html5/html-author/)

* [HyperText Markup Language (HTML), from Mozilla](https://developer.mozilla.org/en-US/docs/HTML)

* [HTML5 differences from HTML4](http://dev.w3.org/html5/html4-differences/)

* [html5shiv](https://github.com/aFarkas/html5shiv)

* [html5.js](https://github.com/bestiejs/html5.js)

---

######HTML5 & Friends Specs/Ref & Polyfills

* [webbrowsercompatibility.com](http://www.webbrowsercompatibility.com/)

* [HTML5 & Friends, from Mozilla](https://developer.mozilla.org/en-US/docs/HTML/HTML5)

* [html5rocks](http://www.html5rocks.com/en/)

* [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills)

* [HTML5 - Information and samples for HTML5 and related APIs](http://robertnyman.com/html5/)

* [HTML 5 Demos and Examples](http://html5demos.com/)

* [SVG](https://developer.mozilla.org/en-US/docs/SVG)

	* [SVG-edit browser editor](http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html)

	* [D3.js](http://d3js.org/)

	* [raphaeljs](http://raphaeljs.com/)

	* [bonsaijs.org](http://bonsaijs.org/)

	* [snapsvg.io](http://snapsvg.io/)

* [Canvas](https://developer.mozilla.org/en-US/docs/HTML/Canvas)

	* [paper.js](http://paperjs.org/)

	* [fabric.js](http://fabricjs.com/)

	* [kineticjs](http://kineticjs.com/)

* [webGL](https://developer.mozilla.org/en-US/docs/WebGL)

	* [three.js](http://mrdoob.github.com/three.js/)

	* [The X Toolkit](https://github.com/xtk/X#readme)

---

######DOM Specs/Ref & Polyfills

* [DOM Living Standard](http://dom.spec.whatwg.org/)

* [DOM Parsing and Serialization Living Standard](http://domparsing.spec.whatwg.org/)

* [DOM4](http://www.w3.org/TR/dom/)

* [Document Object Model (DOM) Technical Reports, from W3C](http://www.w3.org/DOM/DOMTR)

* [Document Object Model, from Microsoft](http://msdn.microsoft.com/en-us/library/ie/hh772384\(v=vs.85\).aspx)

* [Document Object Model, from Mozilla](https://developer.mozilla.org/en-US/docs/DOM)

* [Event compatibility tables](http://www.quirksmode.org/dom/events/index.html)

---

######CSS Specs/Ref & Polyfills

* [CSS, from Mozilla](https://developer.mozilla.org/en-US/docs/CSS)

* [CSS SPECIFICATIONS, from W3C](http://www.w3.org/Style/CSS/current-work)

* [http://cssvalues.com/](http://cssvalues.com/)

* [CSS contents and browser compatibility](http://www.quirksmode.org/css/contents.html)

* [CSS Compatibility and Internet Explorer](http://msdn.microsoft.com/en-us/library/cc351024\(VS.85\).aspx)

* [HTML5 Cross Browser Polyfills (look for CSS)](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills)

* [CSS Selectors from CSS4 till CSS1](http://css4-selectors.com/selectors/)

* [css3clickchart.com](http://css3clickchart.com/)

* [CSS selectors](http://www.quirksmode.org/css/selectors/)

---

######CSS Generators

* [patternify](http://www.patternify.com/)

* [Ultimate CSS Gradient Generator](http://www.colorzilla.com/gradient-editor/)

* [patternizer](http://patternizer.com/)

* [css3please.com](http://css3please.com/)

* [cssarrowplease.com](http://cssarrowplease.com/)

* [CSS Flexbox Please](http://demo.agektmr.com/flexbox/)

* [CSS3 GENERATOR](http://www.css3.me/)

* [css3generator.com](http://css3generator.com/)

* [css3maker.com](http://www.css3maker.com/)

* [CSS3 Sandbox](http://westciv.com/tools/index.html)

* [The Shapes of Css](http://coderwall.com/p/xrxaxa)

* [CSS matic](http://www.cssmatic.com/)

* [extractcss.com](http://extractcss.com/)

---

######CSS Style/Conventions Guides

* [kss](https://github.com/kneath/kss#readme)

* [SMACSS](http://smacss.com/)

* [Google HTML/CSS Style Guide](http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#Declaration_order)

* [idiomatic-css](https://github.com/necolas/idiomatic-css)

* [Object-Oriented CSS](http://oocss.org/)

* [WordPress.org UI Style Guide](http://dotorgstyleguide.wordpress.com/)

* [Starbucks Style Guide](http://www.starbucks.com/static/reference/styleguide/)

* [Github CSS styleguide](https://github.com/styleguide/css)

* [General CSS notes, advice and guidelines](https://github.com/csswizardry/CSS-Guidelines)

* [yelp styleguide](http://www.yelp.com/styleguide)

---

######JavaScript ES5 Specs/Ref & Polyfills

* [ECMA-262-5 in detail](http://dmitrysoshnikov.com/ecmascript/es5-chapter-0-introduction/)

* [ECMAScript Language Specification](http://ecma-international.org/ecma-262/5.1/)

* [Annotated ECMAScript 5.1](http://es5.github.com/)

* [ECMAScript 5 compatibility table](http://kangax.github.com/es5-compat-table/)

* [Internet Explorer ECMA-262 ECMAScript Language Specification (Fifth Edition) Standards Support Document](http://msdn.microsoft.com/en-us/library/ff960769.aspx)

* [JavaScript Reference, from Mozilla](https://developer.mozilla.org/en-US/docs/JavaScript/Reference)

* [The sample usage of ECMA 5 Features Implemented in V8](https://gist.github.com/1073547)

* [Understanding JavaScript OOP](http://killdream.github.com/blog/2011/10/understanding-javascript-oop/)

* [JavaScript, aka. Web ECMAScript Living Standard](http://mathias.html5.org/specs/javascript/)

* [es5-shim](https://github.com/kriskowal/es5-shim/)

* [poly](https://github.com/cujojs/poly)

* [Augment.js](http://augmentjs.com/)

---

######JavaScript ES6 Specs/Ref & Polyfills

* [ES6 what can be shimmed and what not](https://gist.github.com/1665192)

* [ECMAScript 6 compatibility table](http://kangax.github.com/es5-compat-table/es6/)

* [Draft Specification for ES.next (Ecma-262 Edition 6)](http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts)

* [es6-shim](https://github.com/paulmillr/es6-shim)

* [ECMA-262 6th Edition/Draft](http://people.mozilla.org/~jorendorff/es6-draft.html)

* [ECMAScript Support Matrix](http://pointedears.de/scripts/test/es-matrix/)

---

######JavaScript Style/Conventions Guides

* [Google JavaScript Style Guide](http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml)

* [Felix's Node.js Style Guide](http://nodeguide.com/style.html)

* [idiomatic.js](https://github.com/rwldrn/idiomatic.js)

* [Code Conventions for the JavaScript Programming Language](http://javascript.crockford.com/code.html)

* [jsbeautifier](http://jsbeautifier.org/)

* [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)

* [Meteor Style Guide](https://github.com/meteor/meteor/wiki/Meteor-Style-Guide)

---

######General Front-end Practices/Conventions

* [isobar](http://isobar-idev.github.com/code-standards/)

* [Being A Web Developer](http://www.yellowshoe.com.au/standards/)

* [Front End Dev Guidelines](http://taitems.github.com/Front-End-Development-Guidelines/)

* [HTML and CSS code guide](https://github.com/mdo/code-guide)

##Performance

######Tools

* [Charles](http://www.charlesproxy.com/)

* [webpagetest](http://www.webpagetest.org/)

* [PageSpeed Insights Browser Extensions](https://developers.google.com/speed/pagespeed/)

* [Chrome Developer Tools: Network Panel](https://developers.google.com/chrome-developer-tools/docs/network)

* [Chrome Developer Tools: Timeline Panel](https://developers.google.com/chrome-developer-tools/docs/timeline)

* [Chrome Developer Tools: Profiles Panel](https://developers.google.com/chrome-developer-tools/docs/profiles)

* [DOM Monster](http://mir.aculo.us/dom-monster/)

* [ImageOptim](http://imageoptim.com/)

######Rules/Practices

* [Web Performance Best Practices](https://developers.google.com/speed/docs/best-practices/rules_intro)

* [Best Practices for Speeding Up Your Web Site](http://developer.yahoo.com/performance/rules.html)

* [High Performance Web Sites - 14 Rules for Faster-Loading Web Sites](http://stevesouders.com/hpws/)

* [Even Faster Web Sites](http://stevesouders.com/efws/)

* [google web fundamentals](https://developers.google.com/web/fundamentals/)

##Online REPL's/editors/IDE's

######JS REPL

* [repl.it](http://repl.it/)

* [jsconsole.com](http://jsconsole.com/)

* [codeboot.org](http://codeboot.org/)

* [continuum](http://benvie.github.com/continuum/)

######JS focused editors

* [jsfiddle](http://jsfiddle.net/)

* [jsbin](http://jsbin.com/)

* [es6fiddle](es6fiddle.net)

######Regular Expression editors

* [Scriptular](http://scriptular.com/)

* [regexr](http://gskinner.com/RegExr/)

* [refiddle](http://refiddle.com/)

* [RegexPlanet](http://www.regexplanet.com/)

######HTML/CSS editors

* [dabblet](http://dabblet.com/)

* [cssdesk](http://cssdesk.com/)

######HTML/CSS/JS editors

* [tinker.io](https://tinker.io/)

* [tinkerbin](http://tinkerbin.com/)

* [Plunker](https://github.com/filearts/plunker)

* [cssdeck](http://cssdeck.com/)

* [codepen](http://codepen.io/)

* [liveweave](http://liveweave.com/)

* [codemagic.gr](http://codemagic.gr/)

######Execute/Test live code

* [runnable](http://runnable.com/)

######Browser IDE's

* [koding](https://koding.com/)

* [cloud9 IDE](https://c9.io/)

* [action.io](https://www.action.io)

######JSON editors

* [jsoneditoronline.org](http://jsoneditoronline.org/)

* [JSON Tinker](http://json.bubblemix.net/)

* [JSONmat](http://jsonmate.com/)

##Browser Security

* [Browser Security Handbook](http://code.google.com/p/browsersec/wiki/Main)

* [DOMPurify](https://github.com/cure53/DOMPurify)

* [html5sec.org](https://html5sec.org/)

* [js-xss](https://github.com/leizongmin/js-xss)

##Browser Hacks

* [browserhacks.com](http://www.browserhacks.com/)

##API first, CMS Service

* [contentful](https://www.contentful.com)

* [prismic.io](https://prismic.io)

##Backend services for front-end developers

* [firebase](https://www.firebase.com/index.html)

* [pusher](http://pusher.com/)

* [jaystack](http://jaystack.com/)

* [parse](https://www.parse.com)

* [singly](https://singly.com/)

* [cloud CMS](https://www.cloudcms.com/)

* [kinvey](http://www.kinvey.com/)

* [stackmob](http://www.stackmob.com/)

* [cloudmine](https://cloudmine.me/)

* [kumulos](http://www.kumulos.com/)

* [deployd](http://deployd.com/)

* [backlift.com](https://backlift.com/index.html)

* [hull.io](http://hull.io/)

* [stormpath.com](http://stormpath.com/)

* [dreamfactory](https://www.dreamfactory.com/)

* [userapp.i](https://www.userapp.io/)

* [goinstant](https://goinstant.com/)

* [myjson.com](http://myjson.com/)

##API tools

* [apiary](http://apiary.io/)

* [api engine](https://apiengine.io/)

* [Swagger](https://developers.helloreverb.com/swagger/)

* [postman](http://www.getpostman.com/)

* [apidocjs](http://apidocjs.com/)

* [apiblueprint](http://apiblueprint.org/)

##API Mocking

* [mocky.io](http://www.mocky.io/)

* [FillText.com](http://www.filltext.com/)

* [JSONPlaceholder](http://jsonplaceholder.typicode.com/)

* [faker.js](https://github.com/Marak/Faker.js)

* [json-generator](http://www.json-generator.com)

* [caddis](https://github.com/bustardcelly/caddis)

* [dyson](https://github.com/webpro/dyson)

* [json-server](https://github.com/typicode/json-server)

##Image Mocking

* [placekitten](http://placekitten.com/)

* [PLACEHOLD.IT](http://placehold.it/)

* [hhhhold.com](http://hhhhold.com/)

##JSON Query Tools

* [TaffyDB](http://www.taffydb.com/)

* [linq.js](http://linqjs.codeplex.com/)

* [json:select()](http://jsonselect.org/)

* [JSONiq](http://www.jsoniq.org/)

* [json-query](https://github.com/mmckegg/json-query)

* [SpahQL](http://danski.github.io/spahql/)

* [json-mask](https://github.com/nemtsov/json-mask)

* [objeq](https://github.com/agilosoftware/objeq)

##JSON Validation Tools

* [SCHEMA-INSPECTOR](http://atinux.github.io/schema-inspector/)

##Front-end DB's

* [pouchdb](http://pouchdb.com/)

* [Web Storage](http://www.w3.org/TR/webstorage/)

* [Indexed Database API](http://www.w3.org/TR/IndexedDB/)

* [lokiJS](http://lokijs.org/)

* [underscore.db](https://github.com/typicode/underscore.db)

* [Based JS](https://github.com/TremayneChrist/Based)

##Catalog/Collection of JavaScript Libs and Tools

* [jster](http://jster.net/)

* [thetoolbox.cc](http://thetoolbox.cc/)

* [javascriptoo.com](http://www.javascriptoo.com/)

* [microjs.com](http://microjs.com/)

* [JSDB.IO](http://www.jsdb.io/?sort=trending)

##Static Site Generators

* [http://staticsitegenerators.net/](http://staticsitegenerators.net/)