Skip to content

Instantly share code, notes, and snippets.

@briangrace

briangrace/tooling.md

Forked from jonkemp/tooling.md
Created January 6, 2013 06:00
Show Gist options
  • Save briangrace/4465559 to your computer and use it in GitHub Desktop.
Save briangrace/4465559 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @jonkemp jonkemp revised this gist May 16, 2012. 1 changed file with 55 additions and 4 deletions.
    59 changes: 55 additions & 4 deletions tooling.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,92 +1,131 @@
    # 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
    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
    @@ -96,15 +135,27 @@ 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
  2. @jonkemp jonkemp revised this gist May 16, 2012. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions tooling.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,9 @@
    # 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)
    * 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?

  3. @jonkemp jonkemp revised this gist May 16, 2012. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions tooling.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,9 @@
    # History of Frontend Tooling

    http://ln.hixie.ch/?start=1037910467&count=1 return
    http://ln.hixie.ch/?start=1137740632&count=1 return
    http://software.hixie.ch/utilities/js/live-dom-viewer/ return
    http://joehewitt.com/2006/03/26/firebug-03-preview return
    (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?

  4. @jonkemp jonkemp revised this gist May 16, 2012. 1 changed file with 4 additions and 7 deletions.
    11 changes: 4 additions & 7 deletions tooling.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,9 @@
    # 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
    http://ln.hixie.ch/?start=1037910467&count=1 return
    http://ln.hixie.ch/?start=1137740632&count=1 return
    http://software.hixie.ch/utilities/js/live-dom-viewer/ return
    http://joehewitt.com/2006/03/26/firebug-03-preview return

    ## What is Frontend Tooling?

  5. @jonkemp jonkemp revised this gist May 16, 2012. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions tooling.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,11 @@
    # 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?
  6. @jonkemp jonkemp renamed this gist May 16, 2012. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion tooling.html → tooling.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,3 @@

    # History of Frontend Tooling

    http://ln.hixie.ch/?start=1037910467&count=1
  7. @jonkemp jonkemp created this gist May 16, 2012.
    111 changes: 111 additions & 0 deletions tooling.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,111 @@

    # 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