[Pkg-javascript-commits] [backbone] 91/211: Adding Mobile SoundCloud as an example.
Jonas Smedegaard
js at moszumanska.debian.org
Sat May 3 17:00:07 UTC 2014
This is an automated email from the git hooks/post-receive script.
js pushed a commit to tag 0.5.0
in repository backbone.
commit e2a5c183088d743edd89a4d9bc3075bbdef119ab
Author: Jeremy Ashkenas <jashkenas at gmail.com>
Date: Thu Mar 10 12:16:39 2011 -0500
Adding Mobile SoundCloud as an example.
---
docs/images/soundcloud.png | Bin 0 -> 131782 bytes
index.html | 75 ++++++++++++++++++++++++++++++---------------
2 files changed, 50 insertions(+), 25 deletions(-)
diff --git a/docs/images/soundcloud.png b/docs/images/soundcloud.png
new file mode 100644
index 0000000..a0281de
Binary files /dev/null and b/docs/images/soundcloud.png differ
diff --git a/index.html b/index.html
index 395eb09..37c5039 100644
--- a/index.html
+++ b/index.html
@@ -268,6 +268,17 @@
<a class="toc_title" href="#examples">
Examples
</a>
+ <ul class="toc_section">
+ <li>– <a href="#examples-todos">Todos</a></li>
+ <li>– <a href="#examples-documentcloud">DocumentCloud</a></li>
+ <li>– <a href="#examples-basecamp">Basecamp Mobile</a></li>
+ <li>– <a href="#examples-tilemill">TileMill</a></li>
+ <li>– <a href="#examples-soundcloud">Mobile SoundCloud</a></li>
+ <li>- <a href="#examples-instagreat">Insta-great!</a></li>
+ <li>- <a href="#examples-quietwrite">QuietWrite</a></li>
+ <li>- <a href="#examples-tzigla">Tzigla</a></li>
+ <li>- <a href="#examples-substance">Substance</a></li>
+ </ul>
<a class="toc_title" href="#faq">
F.A.Q.
@@ -1795,7 +1806,7 @@ var DocumentView = Backbone.View.extend({
<h2 id="examples">Examples</h2>
- <p>
+ <p id="examples-todos">
<a href="http://jgn.me/">Jérôme Gravel-Niquet</a> has contributed a
<a href="examples/todos/index.html">Todo List application</a>
that is bundled in the repository as Backbone example. If you're wondering
@@ -1815,7 +1826,7 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
+ <p id="examples-documentcloud">
The <a href="http://www.documentcloud.org/public/#search/">DocumentCloud workspace</a>
is built on Backbone.js, with <i>Documents</i>, <i>Projects</i>,
<i>Notes</i>, and <i>Accounts</i> all as Backbone models and collections.
@@ -1827,7 +1838,7 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
+ <p id="examples-basecamp">
<a href="http://37signals.com/">37Signals</a> used Backbone.js to create
<a href="http://basecamphq.com/mobile">Basecamp Mobile</a>, the mobile version
of their popular project management software. You can access all your Basecamp
@@ -1841,7 +1852,7 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
+ <p id="examples-tilemill">
Our fellow
<a href="http://www.newschallenge.org/">Knight Foundation News Challenge</a>
winners, <a href="http://mapbox.com/">MapBox</a>, created an open-source
@@ -1858,7 +1869,32 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
+ <p id="examples-soundcloud">
+ <a href="http://soundcloud.com">SoundCloud</a> is the best sound sharing
+ platform on the internet, and Backbone.js provides the foundation for
+ <a href="http://m.soundcloud.com">Mobile SoundCloud</a>. The project uses
+ the public SoundCloud <a href="http://soundcloud.com/developers">API</a>
+ as a data source (channeled through a nginx proxy),
+ <a href="http://api.jquery.com/category/plugins/templates/">jQuery templates</a>
+ for the rendering, <a href="http://docs.jquery.com/Qunit">Qunit
+ </a> and <a href="http://code.google.com/p/phantomjs/">PhantomJS</a> for
+ the testing suite. The JS code, templates and CSS are built for the
+ production deployment with various Node.js tools like
+ <a href="https://github.com/dsimard/ready.js">ready.js</a>,
+ <a href="https://github.com/mde/node-jake">Jake</a>,
+ <a href="https://github.com/tmpvar/jsdom">jsdom</a>.
+ The <b>Backbone.History</b> was modified to support the HTML5 <tt>history.pushState</tt>.
+ <b>Backbone.sync</b> was extended with an additional SessionStorage based cache
+ layer.
+ </p>
+
+ <div style="text-align: center;">
+ <a href="http://m.soundcloud.com">
+ <img src="docs/images/soundcloud.png" alt="SoundCloud" class="example_image" />
+ </a>
+ </div>
+
+ <p id="examples-instagreat">
<a href="http://twitter.com/elliottkember">Elliott Kember</a> and
<a href="http://twitter.com/dizzyup">Hector Simpson</a> built
<a href="http://instagre.at">Insta-great!</a>
@@ -1875,7 +1911,7 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
+ <p id="examples-quietwrite">
<a href="http://www.twitter.com/jamesjyu">James Yu</a> used Backbone.js to
create <a href="http://www.quietwrite.com/">QuietWrite</a>, an app
that gives writers a clean and quiet interface to concentrate on the text itself.
@@ -1890,7 +1926,7 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
+ <p id="examples-tzigla">
<a href="http://twitter.com/evilchelu">Cristi Balan</a> and
<a href="http://dira.ro">Irina Dumitrascu</a> created
<a href="http://tzigla.com">Tzigla</a>, a collaborative drawing
@@ -1913,9 +1949,13 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
- Michael Aufreiter is building an open source document authoring and publishing engine: <a href="http://substance.io">Substance</a>.
- Substance makes use of Backbone.View and Backbone.Controller, while Backbone plays well together with <a href="http://github.com/michael/data">Data.js</a>, which is used for data persistence.
+ <p id="examples-substance">
+ Michael Aufreiter is building an open source document authoring and
+ publishing engine: <a href="http://substance.io">Substance</a>.
+ Substance makes use of Backbone.View and Backbone.Controller, while
+ Backbone plays well together with
+ <a href="http://github.com/michael/data">Data.js</a>, which is used for
+ data persistence.
</p>
<div style="text-align: center;">
@@ -1924,21 +1964,6 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p>
- <a href="http://bennolan.com/">Ben Nolan</a> created
- <a href="http://bennolan.com/2010/11/24/backbone-jquery-demo.html">an example "Backbone Mobile" application</a>, combining Backbone.js
- with <a href="http://jquerymobile.com/">jQuery Mobile</a>. You can
- <a href="http://bennolan.com/science/backbone-mobile/">try the app</a>
- in your browser, or view the
- <a href="https://github.com/bnolan/backbone-mobile">source code</a> on Github.
- </p>
-
- <div style="text-align: center;">
- <a href="http://bennolan.com/science/backbone-mobile/">
- <img src="docs/images/backbone-mobile.png" alt="Backbone Mobile" class="example_image" />
- </a>
- </div>
-
<h2 id="faq">F.A.Q.</h2>
<p id="FAQ-events">
--
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/backbone.git
More information about the Pkg-javascript-commits
mailing list