Skip to content

Instantly share code, notes, and snippets.

@jonkemp
Created May 16, 2012 20:02
  • Star 91 You must be signed in to star a gist
  • Fork 33 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save jonkemp/2713513 to your computer and use it in GitHub Desktop.
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
Copy link

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
Copy link

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