Instantly share code, notes, and snippets.

Embed
What would you like to do?
URL's from Paul Irish's talk: Tooling & The Webapp Development Stack

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

@balupton

This comment has been minimized.

Show comment
Hide comment
@balupton

balupton Jun 8, 2012

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.

balupton commented Jun 8, 2012

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.

@dolmen

This comment has been minimized.

Show comment
Hide comment
@dolmen

dolmen commented Feb 9, 2014

A few other tools:

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