Skip to content

Commit

Permalink
Adding Quartz as an example app.
Browse files Browse the repository at this point in the history
  • Loading branch information
jashkenas committed Mar 9, 2013
1 parent 4be1288 commit a69a7e8
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 20 deletions.
Binary file removed docs/images/decide.png
Binary file not shown.
Binary file added docs/images/quartz.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 21 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -442,6 +442,7 @@
<li><a href="#examples-rdio">Rdio</a></li>
<li><a href="#examples-linkedin">LinkedIn Mobile</a></li>
<li><a href="#examples-hulu">Hulu</a></li>
<li><a href="#examples-quartz">Quartz</a></li>
<li><a href="#examples-flow">Flow</a></li>
<li><a href="#examples-gilt">Gilt Groupe</a></li>
<li><a href="#examples-newsblur">NewsBlur</a></li>
Expand Down Expand Up @@ -476,7 +477,6 @@
<li><a href="#examples-salon">Salon.io</a></li>
<li><a href="#examples-tilemill">TileMill</a></li>
<li><a href="#examples-blossom">Blossom</a></li>
<li><a href="#examples-decide">Decide</a></li>
<li><a href="#examples-trello">Trello</a></li>
<li><a href="#examples-tzigla">Tzigla</a></li>
</ul>
Expand Down Expand Up @@ -2763,6 +2763,26 @@ <h2 id="examples-hulu">Hulu</h2>
</a>
</div>

<h2 id="examples-quartz">Quartz</h2>

<p>
<a href="http://qz.com">Quartz</a> sees itself as a digitally native news
outlet for the new
global economy. Because Quartz believes in the future of open,
cross-platform web applications, they selected Backbone and Underscore
to fetch, sort, store, and display content from a custom WordPress
API. Although <a href="http://qz.com">qz.com</a> uses responsive design
for phone, tablet, and
desktop browsers, it also takes advantage of Backbone events and views
to render device-specific templates in some cases.
</p>

<div style="text-align: center;">
<a href="http://qz.com">
<img width="510" height="360" data-original="docs/images/quartz.jpg" alt="Quartz" class="example_retina" />
</a>
</div>

<h2 id="examples-flow">Flow</h2>

<p>
Expand Down Expand Up @@ -3404,25 +3424,6 @@ <h2 id="examples-blossom">Blossom</h2>
</a>
</div>

<h2 id="examples-decide">Decide</h2>

<p>
<a href="http://decide.com">Decide.com</a> helps people decide when to buy
consumer electronics. It relies heavily on Backbone.js to render and
update its Search Results Page. An "infinite scroll" feature takes
advantage of a SearchResults model containing a collection of
Product models to fetch more results and render them on the fly
with <a href="http://mustache.github.com">Mustache</a>. A SearchController keeps everything in sync and
maintains page state in the URL. Backbone also powers the user
accounts and settings management.
</p>

<div style="text-align: center;">
<a href="http://decide.com">
<img width="550" height="449" data-original="docs/images/decide.png" alt="Decide" class="example_image" />
</a>
</div>

<h2 id="examples-trello">Trello</h2>

<p>
Expand Down

0 comments on commit a69a7e8

Please sign in to comment.