briangrace/tooling.md

Forked from jonkemp/tooling.md

Created January 6, 2013 06:00

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/briangrace/4465559.js"></script>
Save briangrace/4465559 to your computer and use it in GitHub Desktop.

Download ZIP

Raw

History of Frontend Tooling

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment