StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I use a simple text editor (vim) to write Javascript and HTML, and I check the result every now and then in Firefox. I have always two windows open: one for my text editor, and one with the current page open in Firefox. After saving a change in the Javascript, I switch to the browser and refresh the page to observe results. That was my workflow until recently.</p> <p>A couple of weeks ago, I discovered the Combiner tool by <a href="http://www.nczonline.net/blog/2009/09/22/introducing-combiner-a-javascriptcss-concatenation-tool/" rel="nofollow noreferrer">Nicholas C. Zakas</a>. To release my Javascript code, I am now using a complete build process based on <a href="http://ant.apache.org/" rel="nofollow noreferrer">Apache Ant</a>, similar to what I was using while doing Java development previously.</p> <p>The first step is to check the Javascript code with the <a href="http://www.jslint.com/" rel="nofollow noreferrer">JSLint tool by Douglas Crockford</a>. I used to painfully copy and paste my Javascript code in the online version of the tool, once in a while; being able to run it on all my Javascript files at once with this Ant script is a huge convenience.</p> <p>The second step is to combine all my Javascript files into a single file using the Combiner tool. The third step is to minify the Javascript code using <a href="http://developer.yahoo.com/yui/compressor/" rel="nofollow noreferrer">YUI Compressor by Yahoo!</a>. These last two steps allow to optimize the delivery of Javascript code to reduce page loading.</p> <p>You can find <a href="http://bezen.org/javascript/build/build.xml" rel="nofollow noreferrer">an example Ant build file</a> that you may adapt to your own needs. I am currently using this file to build <a href="http://bezen.org/javascript/" rel="nofollow noreferrer">my own Javascript library, bezen.org</a>.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload