<p>* <spanclass="label label-inverse">R</span> = App also demonstrates routing</p>
<h2>Our Stable Apps</h2>
<p>* <spanclass="label">R</span> = App also demonstrates routing</p>
<divclass="row">
<divclass="span2">
<ahref="architecture-examples/angularjs/index.html"data-source="http://angularjs.org/"data-content="What HTML would have been
had it been designed for web apps">AngularJS <spanclass="label label-inverse">R</span></a>
had it been designed for web apps">AngularJS <spanclass="label">R</span></a>
</div>
<divclass="span2">
<ahref="architecture-examples/backbone/index.html"data-source="http://documentcloud.github.com/backbone/"data-content="Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.">Backbone.js <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/backbone/index.html"data-source="http://documentcloud.github.com/backbone/"data-content="Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.">Backbone.js <spanclass="label">R</span></a>
</div>
<divclass="span2">
<ahref="architecture-examples/emberjs/index.html"data-source="http://emberjs.com/"data-content="Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.">Ember.js <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/emberjs/index.html"data-source="http://emberjs.com/"data-content="Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.">Ember.js <spanclass="label">R</span></a>
</div>
<divclass="span2">
<ahref="architecture-examples/spine/index.html"data-source="http://spinejs.com/"data-content="Spine is a lightweight framework for building JavaScript web applications. Spine gives you an MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications.">Spine.js <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/spine/index.html"data-source="http://spinejs.com/"data-content="Spine is a lightweight framework for building JavaScript web applications. Spine gives you an MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications.">Spine.js <spanclass="label">R</span></a>
</div>
</div>
...
...
@@ -100,7 +72,7 @@ had it been designed for web apps">AngularJS <span class="label label-inverse">R
<ahref="architecture-examples/knockoutjs/index.html"data-source="http://knockoutjs.com/"data-content="Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern">KnockoutJS</a>
</div>
<divclass="span2">
<ahref="architecture-examples/dojo/index.html"data-source="http://dojotoolkit.org/"data-content="Dojo saves you time and scales with your development process, using web standards as its platform. It’s the toolkit experienced developers turn to for building high quality desktop and mobile web applications.">Dojo <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/dojo/index.html"data-source="http://dojotoolkit.org/"data-content="Dojo saves you time and scales with your development process, using web standards as its platform. It’s the toolkit experienced developers turn to for building high quality desktop and mobile web applications.">Dojo <spanclass="label">R</span></a>
</div>
<divclass="span2">
<ahref="architecture-examples/yuilibrary/index.html"data-source="http://yuilibrary.com/"data-content="YUI's lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world.">YUILibrary</a>
...
...
@@ -113,16 +85,16 @@ had it been designed for web apps">AngularJS <span class="label label-inverse">R
<divclass="row">
<divclass="span2">
<ahref="architecture-examples/closure/index.html"data-source="http://code.google.com/closure/library/"data-content="The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.">Closure <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/closure/index.html"data-source="http://code.google.com/closure/library/"data-content="The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.">Closure <spanclass="label">R</span></a>
</div>
<divclass="span2">
<ahref="architecture-examples/extjs/index.html"data-source="http://www.sencha.com/products/extjs"data-content="Ext JS 4 is the next major advancement in our JavaScript framework. Featuring expanded functionality, plugin-free charting, and a new MVC architecture it's the best Ext JS yet. Create incredible web apps for every browser.">Ext.js</a>
</div>
<divclass="span2">
<ahref="architecture-examples/agilityjs/index.html"data-source="http://agilityjs.com"data-content="Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.">Agility.js <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/agilityjs/index.html"data-source="http://agilityjs.com"data-content="Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.">Agility.js <spanclass="label">R</span></a>
</div>
<divclass="span2">
<ahref="architecture-examples/knockback/index.html"data-source="http://kmalakoff.github.com/knockback/"data-content="Knockback.js provides Knockout.js magic for Backbone.js Models and Collections.">Knockback.js <spanclass="label label-inverse">R</span></a>
<ahref="architecture-examples/knockback/index.html"data-source="http://kmalakoff.github.com/knockback/"data-content="Knockback.js provides Knockout.js magic for Backbone.js Models and Collections.">Knockback.js <spanclass="label">R</span></a>
</div>
</div>
...
...
@@ -134,7 +106,7 @@ had it been designed for web apps">AngularJS <span class="label label-inverse">R
<ahref="dependency-examples/backbone_require/index.html"data-source="http://requirejs.org/"data-content="RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.">Backbone.js + RequireJS</a>
</div>
<divclass="span3">
<ahref="dependency-examples/emberjs_require/index.html"data-source="http://emberjs.com"data-content="Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture. This is an example of using it with AMD modules">Ember.js + RequireJS <spanclass="label label-inverse">R</span></a>
<ahref="dependency-examples/emberjs_require/index.html"data-source="http://emberjs.com"data-content="Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture. This is an example of using it with AMD modules">Ember.js + RequireJS <spanclass="label">R</span></a>
