public
Last active

URL's from Paul Irish's talk: Tooling & The Webapp Development Stack

  • Download Gist
tooling.md
Markdown

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

Honestly, I'm shocked there was no mention of DocPad, as it streamlines the entire workflow/development-stack; covering boilerplate, authoring abstractions, iteration workflow, tuning, building & optimisation, and soon deploy as well. Allowing you to just focus on the actual problem you've set out to solve.

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.