# History of Frontend Tooling http://ln.hixie.ch/?start=1037910467&count=1 http://ln.hixie.ch/?start=1137740632&count=1 http://software.hixie.ch/utilities/js/live-dom-viewer/ http://joehewitt.com/2006/03/26/firebug-03-preview ## What is Frontend Tooling? http://mothereffingtextshadow.com/ http://sassymothereffingtextshadow.com/ https://plus.google.com/113127438179392830442/posts/hbjf8AiuCpt # Boilerplate http://html5boilerplate.com/ http://blueprintcss.org/ http://htmlemailboilerplate.com/ http://html5boilerplate.com/mobile https://github.com/csnover/dojo-boilerplate http://jqueryboilerplate.com/ # Authoring Abstractions ## Styling http://sass-lang.com/ http://compass-style.org/ http://lesscss.org/ http://code.google.com/p/closure-stylesheets/ http://learnboost.github.com/stylus/ ## Markup http://haml-lang.com/ http://daringfireball.net/projects/markdown/ http://jade-lang.com/ http://handlebarsjs.com/ http://code.google.com/p/zen-coding/ ## Scripting https://github.com/jashkenas/coffee-script/wiki/List-of-languages-that-compile-to-JS http://coffeescript.org/ http://www.dartlang.org/ # Frameworks, Clientside Stack, Application Architecture http://alexsexton.com/?p=106 http://blog.rebeccamurphey.com/on-rolling-your-own http://addyosmani.com/resources/toolschart/chart.pdf http://zetafleet.com/i/4d75a4efc33d4.png http://addyosmani.github.com/todomvc/ # Iteration Workflow ## Iteration Automators http://livereload.com/ http://incident57.com/codekit/ http://addyosmani.com/blog/autosave-changes-chrome-dev-tools/ # Editors and IDEs http://net.tutsplus.com/tutorials/tools-and-tips/sublime-text-2-tips-and-tricks/ http://net.tutsplus.com/tutorials/tools-and-tips/essential-textmate-shortcuts-tips-and-techniques/ http://aptana.com/products/studio3 http://www.jetbrains.com/webstorm/features/ # Browser Dev Tools http://code.google.com/chrome/devtools/ http://code.google.com/chrome/mobile/docs/debugging.html # Linting http://www.jshint.com/ http://code.google.com/closure/utilities/ http://code.google.com/p/closure-stylesheets/ # Testing http://www.browserstack.com/ http://mogotest.com/ http://docs.jquery.com/QUnit http://pivotal.github.com/jasmine/ http://code.google.com/p/js-test-driver/ http://testling.com/ http://seleniumhq.org/projects/ http://watirwebdriver.com/ # Linting / Testing in context https://plus.google.com/113127438179392830442/posts/Z1LpEhfKTqo # Build + Optimization http://code.google.com/closure/compiler/ http://developer.yahoo.com/yui/compressor/ http://code.google.com/p/htmlcompressor/ http://www.codedread.com/scour/ http://imageoptim.pornel.net/ http://optipng.sourceforge.net/ http://trimage.org/ http://pngquant.org/ https://github.com/rflynn/imgmin http://html5boilerplate.com/docs/Build-script/ https://github.com/tivac/web-build https://github.com/balupton/buildr.npm https://github.com/cowboy/grunt