ingotest

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div class="page_inner"><div class="post-24696 post type-post status-publish format-standard hentry category-javascript-ajax tag-coffeescript bottom_border post" id="post-24696"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/better-coffeescript-testing-with-mocha/"><img src="https://d2o0t5hpnwv4c1.cloudfront.net/2028_coffeeScriptAndMocha/mocha-coffeescript.jpg" alt="Better CoffeeScript Testing With Mocha" width="200" height="200" original="https://d2o0t5hpnwv4c1.cloudfront.net/2028_coffeeScriptAndMocha/mocha-coffeescript.jpg"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/javascript-ajax/">JavaScript &amp; AJAX</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/better-coffeescript-testing-with-mocha/"> Better CoffeeScript Testing With Mocha </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/andrewburgess/" title="Posts by Andrew Burgess" rel="author">Andrew Burgess</a> on Nov 1st 2012 <a href="http://net.tutsplus.com/tutorials/javascript-ajax/better-coffeescript-testing-with-mocha/#disqus_thread" title="Comment on Better CoffeeScript Testing With Mocha" data-disqus-identifier="24696 http://net.tutsplus.com/?p=24696">30 Comments and 25 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-24696'), post_id: 24696, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>Recently, I’ve been doing a considerable amount of <a href="http://coffeescript.org" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','coffeescript.org']);">CoffeeScript</a> work. One problem I ran into early-on was testing: I didn’t want to manually convert my CoffeeScript to JavaScript before I could test it. Instead, I wanted to test from CoffeeScript directly. How’d I end up doing it? Read on to find out!</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/javascript-ajax/better-coffeescript-testing-with-mocha/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27761 post type-post status-publish format-standard hentry category-javascript-ajax tag-handlebars tag-template bottom_border post" id="post-27761"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-handlebars/"><img src="http://d2o0t5hpnwv4c1.cloudfront.net/2143_handlebars/Handlebars.png" alt="An Introduction to Handlebars" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2143_handlebars/Handlebars.png"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/javascript-ajax/">JavaScript &amp; AJAX</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five active">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-handlebars/"> An Introduction to Handlebars </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/gabriel-manricks/" title="Posts by Gabriel Manricks" rel="author">Gabriel Manricks</a> on Oct 30th 2012 <a href="http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-handlebars/#disqus_thread" title="Comment on An Introduction to Handlebars" data-disqus-identifier="27761 http://net.tutsplus.com/?p=27761">32 Comments and 167 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27761'), post_id: 27761, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>If your site’s data regularly changes, then you might want to take a look at <a href="http://handlebarsjs.com/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','handlebarsjs.com']);">Handlebars</a>. Handlebars is a template processor that dynamically generates your HTML page, saving you time from performing manual updates. In this tutorial, I’ll introduce you to Handlebars, and teach you how to create a basic template for your site.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-handlebars/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27794 post type-post status-publish format-standard hentry category-editorials tag-appfog tag-heroku bottom_border post" id="post-27794"><div class="post_image"> <a href="http://net.tutsplus.com/articles/editorials/appfog-vs-heroku/"><img src="http://d2o0t5hpnwv4c1.cloudfront.net/2139_phpheroku/heroku-appfog.jpg" alt="AppFog vs. Heroku" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2139_phpheroku/heroku-appfog.jpg"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/articles/">Articles</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/articles/editorials/">Editorials</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five active half">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/articles/editorials/appfog-vs-heroku/"> AppFog vs. Heroku </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/gabriel-manricks/" title="Posts by Gabriel Manricks" rel="author">Gabriel Manricks</a> on Oct 29th 2012 <a href="http://net.tutsplus.com/articles/editorials/appfog-vs-heroku/#disqus_thread" title="Comment on AppFog vs. Heroku" data-disqus-identifier="27794 http://net.tutsplus.com/?p=27794">34 Comments and 103 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27794'), post_id: 27794, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>Choosing a platform as a service (PAAS) for your new web application can be a difficult and confusing task. There are countless platforms to choose from, each having their own strengths and weaknesses. To aid in your decision, I have selected two of the best options available. I will go over some of the key aspects in each PAAS so that you can make a more informed decision.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/articles/editorials/appfog-vs-heroku/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27657 post type-post status-publish format-standard hentry category-php tag-heroku bottom_border post" id="post-27657"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/php/quick-tip-deploy-php-to-heroku-in-seconds/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="Quick Tip: Deploy PHP to Heroku in Seconds" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2139_phpheroku/heroku.jpg"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/php/">PHP</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five active">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/php/quick-tip-deploy-php-to-heroku-in-seconds/"> Quick Tip: Deploy PHP to Heroku in Seconds </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/jonathan-cutrell/" title="Posts by Jonathan Cutrell" rel="author">Jonathan Cutrell</a> on Oct 29th 2012 <a href="http://net.tutsplus.com/tutorials/php/quick-tip-deploy-php-to-heroku-in-seconds/#disqus_thread" title="Comment on Quick Tip: Deploy PHP to Heroku in Seconds" data-disqus-identifier="27657 http://net.tutsplus.com/?p=27657">4 Comments and 80 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27657'), post_id: 27657, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>We’ve raved about the brilliance of <a href="http://www.heroku.com/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.heroku.com']);">Heroku</a> before, mostly around the fact that it makes launching a Rails or Node app rather simple without having to configure your own server. But what if you want the same kind of freedom and speed of deployment with PHP? Fortunately, Heroku has quietly offered support for PHP for quite some time.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/php/quick-tip-deploy-php-to-heroku-in-seconds/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27774 post type-post status-publish format-standard hentry category-tools-and-tips tag-bower tag-package-management bottom_border post" id="post-27774"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/tools-and-tips/meet-bower-a-package-manager-for-the-web/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="Meet Bower: A Package Manager For The Web" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2144_Bower/preview.jpeg"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/tools-and-tips/">Tools &amp; Tips</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five active">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/tools-and-tips/meet-bower-a-package-manager-for-the-web/"> Meet Bower: A Package Manager For The Web </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/andrewburgess/" title="Posts by Andrew Burgess" rel="author">Andrew Burgess</a> on Oct 26th 2012 <a href="http://net.tutsplus.com/tutorials/tools-and-tips/meet-bower-a-package-manager-for-the-web/#disqus_thread" title="Comment on Meet Bower: A Package Manager For The Web" data-disqus-identifier="27774 http://net.tutsplus.com/?p=27774">14 Comments and 121 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27774'), post_id: 27774, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>As the web platform has matured, the tools for managing our projects, too, have matured. In this tutorial, I’ll introduce you to one of these tools that makes managing the dependencies of your project considerably easier: <a href="http://twitter.github.com/bower/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','twitter.github.com']);">Bower</a>.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/tools-and-tips/meet-bower-a-package-manager-for-the-web/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27694 post type-post status-publish format-standard hentry category-other tag-3d tag-webgl-2 bottom_border post" id="post-27694"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/other/webgl-essentials-part-iii/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="WebGL Essentials: Part III" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2141_webgl/WebGL.png"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/other/">Other</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active half">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/other/webgl-essentials-part-iii/"> WebGL Essentials: Part III </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/gabriel-manricks/" title="Posts by Gabriel Manricks" rel="author">Gabriel Manricks</a> on Oct 25th 2012 <a href="http://net.tutsplus.com/tutorials/other/webgl-essentials-part-iii/#disqus_thread" title="Comment on WebGL Essentials: Part III" data-disqus-identifier="27694 http://net.tutsplus.com/?p=27694">0 Comments and 92 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27694'), post_id: 27694, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><div class="seriesmeta" style="display: inline-block;">This entry is part 3 of 3 in the series <a href="http://net.tutsplus.com/series/webgl/" class="series-1457" title="WebGL Essentials">WebGL Essentials</a></div><p>Welcome back to this third and final installment in our WebGL Essentials <a href="http://net.tutsplus.com/tutorials/webgl-essentials-part-i/">mini-series</a>. In this lesson, we’ll take a look at lighting and adding 2D objects to your scene. There’s  a lot of new information here, so let’s dive straight in!</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/other/webgl-essentials-part-iii/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27738 post type-post status-publish format-standard hentry category-javascript-ajax tag-tdd tag-videos bottom_border post" id="post-27738"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/make-javascript-testing-fun-with-testem/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="Make JavaScript Testing Fun With Testem" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2142_MakeJSTestingFunWithTestem/make-javascript-testing-fun-with-testem.jpg"><div class="the_image_meta"><span class="image_meta videos">videos</span></div></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/tag/videos/">Videos</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/javascript-ajax/">JavaScript &amp; AJAX</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active half">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/make-javascript-testing-fun-with-testem/"> Make JavaScript Testing Fun With Testem </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/jeffreyway/" title="Posts by Jeffrey Way" rel="author">Jeffrey Way</a> on Oct 23rd 2012 <a href="http://net.tutsplus.com/tutorials/javascript-ajax/make-javascript-testing-fun-with-testem/#disqus_thread" title="Comment on Make JavaScript Testing Fun With Testem" data-disqus-identifier="27738 http://net.tutsplus.com/?p=27738">14 Comments and 181 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27738'), post_id: 27738, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>JavaScript testing is a sensitive subject. Some developers are huge advocates of it (including myself), while others don’t see the need or benefit. One huge barrier is the simple fact that it can sometimes take a considerable amount of setup to get up and running. The longer it takes, the more likely it is that the developer simply won’t bother. That’s why <a href="https://github.com/airportyh/testem" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','github.com']);">Testem</a> is so fantastic; it makes testing as effortless as possible, and, more importantly, fun!</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/javascript-ajax/make-javascript-testing-fun-with-testem/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27667 post type-post status-publish format-standard hentry category-javascript-ajax tag-web-workers bottom_border post" id="post-27667"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/getting-started-with-web-workers/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="Getting Started with Web Workers" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2140_webworkers/html5.jpg"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/javascript-ajax/">JavaScript &amp; AJAX</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/getting-started-with-web-workers/"> Getting Started with Web Workers </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/agraj-mangal/" title="Posts by Agraj Mangal" rel="author">Agraj Mangal</a> on Oct 22nd 2012 <a href="http://net.tutsplus.com/tutorials/javascript-ajax/getting-started-with-web-workers/#disqus_thread" title="Comment on Getting Started with Web Workers" data-disqus-identifier="27667 http://net.tutsplus.com/?p=27667">13 Comments and 0 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27667'), post_id: 27667, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>One of the many design goals of the JavaScript language was to keep it single-threaded and, by extension, simple. Though I must admit that, given the idiosyncrasies of the language constructs, it is anything but simple! But what we mean by being “single-threaded” is that there is only one thread of control in JavaScript; yes, sadly, your JavaScript engine can do only one thing at a time.</p><p>Now, doesn’t that sound too restrictive to make use of multi-core processors lying idle on your machine? HTML5 promises to change all of that.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/javascript-ajax/getting-started-with-web-workers/" class="more-link">Continue</a>)</p></div></div></div><div class="post-25525 post type-post status-publish format-standard hentry category-javascript-ajax category-tutorials tag-backbone tag-jquery bottom_border post" id="post-25525"><div class="post_image"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-scalable-app-with-backbone-js/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="Building a Scalable App With Backbone.js" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/1142_bb1/demo/200.png"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/tutorials/">Tutorials</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/tutorials/javascript-ajax/">JavaScript &amp; AJAX</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four active half">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-scalable-app-with-backbone-js/"> Building a Scalable App With Backbone.js </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/andrewthorp/" title="Posts by Andrew Thorp" rel="author">Andrew Thorp</a> on Oct 19th 2012 <a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-scalable-app-with-backbone-js/#disqus_thread" title="Comment on Building a Scalable App With Backbone.js" data-disqus-identifier="25525 http://net.tutsplus.com/?p=25525">40 Comments and 0 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-25525'), post_id: 25525, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p><a href="http://documentcloud.github.com/backbone/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','documentcloud.github.com']);" target="_blank">Backbone.js</a> is a small library (~5kb minified) that allows you to build single page web applications. Unlike many of its peers, Backbone is not very opinionated about the way you use it. Aside from some basic concepts, the design of your application is left widely up to you.</p><p>This tutorial will offer some insight on one of the popular patterns that the community has started to embrace: the <a href="https://github.com/tbranyen/backbone-boilerplate" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','github.com']);" target="_blank">Backbone Boilerplate</a>. We will use this boilerplate to create a simple library of books, which you could easily extend into a much more robust application.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-scalable-app-with-backbone-js/" class="more-link">Continue</a>)</p></div></div></div><div class="post-27593 post type-post status-publish format-standard hentry category-news tag-liquid tag-shopify tag-theme bottom_border post" id="post-27593"><div class="post_image"> <a href="http://net.tutsplus.com/articles/news/lessons-learned-from-building-shopify-themes/"><img src="http://net.tutsplus.com/wp-content/themes/tuts/images/global/box.gif" alt="Lessons Learned from Building Shopify Themes" width="200" height="200" original="http://d2o0t5hpnwv4c1.cloudfront.net/2136_shopify/shopify-logo.png"></a></div><div class="preview"><div class="post_taxonomy"><ul><li><a href="http://net.tutsplus.com/category/articles/">Articles</a><span>\</span></li><li><a href="http://net.tutsplus.com/category/articles/news/">News</a></li></ul><div id="tuts-rating" class=""><p><span> \</span>Rating:</p><ul id="">  <li><a href="javascript:void(0)" class="rate-this one active">1</a></li>  <li><a href="javascript:void(0)" class="rate-this two active">2</a></li>  <li><a href="javascript:void(0)" class="rate-this three active">3</a></li>  <li><a href="javascript:void(0)" class="rate-this four">4</a></li>  <li><a href="javascript:void(0)" class="rate-this five">5</a></li></ul></div></div><h1 class="post_title"> <a href="http://net.tutsplus.com/articles/news/lessons-learned-from-building-shopify-themes/"> Lessons Learned from Building Shopify Themes </a></h1><div class="post_meta"> <a href="http://net.tutsplus.com/author/keirwhitaker/" title="Posts by Keir Whitaker" rel="author">Keir Whitaker</a> on Oct 18th 2012 <a href="http://net.tutsplus.com/articles/news/lessons-learned-from-building-shopify-themes/#disqus_thread" title="Comment on Lessons Learned from Building Shopify Themes" data-disqus-identifier="27593 http://net.tutsplus.com/?p=27593">7 Comments and 0 Reactions</a></div><div class="text"> <script type="text/javascript">/*<![CDATA[*///
(function($) { $(function() { WpPostRatings({context: $('#post-27593'), post_id: 27593, rpc: 'http://net.tutsplus.com/wp-admin/admin-ajax.php', base_url: 'http://net.tutsplus.com', allow_voting: false}).init() })})(jQuery)
//]]&gt;/*]]>*/</script><p>I first used <a href="http://shopify.com" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','shopify.com']);" title="Shopify">Shopify</a> not long after it launched in 2006. I loved that it was a simple to use and competitively priced hosted e-commerce platform. But above all, its theming feature is what I liked most. Let’s look at a few simple techniques that give you control over your Shopify themes and deliver an even more crafted experience to your clients.</p><p class="more-link-wrap">(<a href="http://net.tutsplus.com/articles/news/lessons-learned-from-building-shopify-themes/" class="more-link">Continue</a>)</p></div></div></div><div class="wp-pagenavi"> <span class="pages">Page 1 of 162</span><span class="current">1</span><a href="http://net.tutsplus.com/page/2/" class="page larger">2</a><a href="http://net.tutsplus.com/page/3/" class="page larger">3</a><a href="http://net.tutsplus.com/page/4/" class="page larger">4</a><a href="http://net.tutsplus.com/page/5/" class="page larger">5</a><a href="http://net.tutsplus.com/page/6/" class="page larger">6</a><a href="http://net.tutsplus.com/page/7/" class="page larger">7</a><a href="http://net.tutsplus.com/page/8/" class="page larger">8</a><a href="http://net.tutsplus.com/page/2/" class="nextpostslink">»</a><span class="extend">...</span><a href="http://net.tutsplus.com/page/162/" class="last">Last »</a></div></div>

Test runner

Ready to run.

Testing in
TestOps/sec
stick together
var meta = $('.post_meta');
for(var i = 0; i < meta.length; i++) {
        var b = meta[i];
}
 
ready
single select
var meta;
$('.post_meta').each(function(){
meta = $(this);
})

 
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.