tooling in the web app development lifecycle

来自 dl.dropbox.com/u/39519/talks/tooling-q1/index.html

 

ln.hixie.ch/?start=1037910467&count=1

ln.hixie.ch/?start=1137740632&count=1

software.hixie.ch/utilities/js/live-dom-viewer/

 

mothereffingtextshadow.com/

sassymothereffingtextshadow.com/

 

clausreinke.github.com/js-tools/resources.html

 

Boilerplate:

html5boilerplate.com/

blueprintcss.org/

htmlemailboilerplate.com/

html5boilerplate.com/mobile

github.com/csnover/dojo-boilerplate

jqueryboilerplate.com/

 

Authoring Abstractions:

sass-lang.com/

compass-style.org/

lesscss.org/

code.google.com/p/closure-stylesheets/

learnboost.github.com/stylus/

haml-lang.com/

daringfireball.net/projects/markdown/

jade-lang.com/

octopress.org/

handlebarsjs.com/

code.google.com/p/zen-coding/

github.com/jashkenas/coffee-script/wiki/List-of-languages...

coffeescript.org/

www.dartlang.org/

 

Frameworks, Clientside Stack, Application Architecture:

jquerysbestfriends.com/

rmurphey.com/blog/2010/08/11/on-rolling-your-own/

addyosmani.com/resources/toolschart/chart.pdf

zetafleet.com/i/4d75a4efc33d4.png

addyosmani.com/toolsforjqueryapparchitecture/

 

Iteration Workflow

Iteration Automators:

compass watch

livereload.com/

incident57.com/codekit/

addyosmani.com/blog/autosave-changes-chrome-dev-tools/

 

Editors and IDEs:

net.tutsplus.com/tutorials/tools-and-tips/sublime-text-2-...

net.tutsplus.com/tutorials/tools-and-tips/essential-textm...

aptana.com/products/studio3

www.jetbrains.com/webstorm/features/

 

Browser Dev Tools:

code.google.com/chrome/devtools/

benvanik.github.com/WebGL-Inspector/

phonegap.github.com/weinre/

www.iwebinspector.com/

code.google.com/chrome/mobile/docs/debugging.html

 

Linting:

www.jshint.com/

code.google.com/closure/utilities/

code.google.com/p/closure-stylesheets/

 

Testing:

www.browserstack.com/

mogotest.com/

docs.jquery.com/QUnit

pivotal.github.com/jasmine/

code.google.com/p/js-test-driver/

testling.com/

seleniumhq.org/projects/

watirwebdriver.com/

plus.google.com/113127438179392830442/posts/Z1LpEhfKTqo

paulirish.com/i/e2ce50.png

code.google.com/chrome/devtools/docs/cpu-profiling.html

gent.ilcore.com/2011/08/finding-memory-leaks.html

code.google.com/chrome/devtools/docs/heap-profiling.html

 

Build + Optimization:

code.google.com/closure/compiler/

developer.yahoo.com/yui/compressor/

code.google.com/p/htmlcompressor/

www.codedread.com/scour/

imageoptim.pornel.net/

optipng.sourceforge.net/

trimage.org/

pngquant.org/

github.com/rflynn/imgmin

 

Automating the automators:

html5boilerplate.com/docs/Build-script/

github.com/tivac/web-build

github.com/balupton/buildr.npm

github.com/cowboy/grunt

 

Deployment:

warpspire.com/posts/ops-art/

 

Done