[Pkg-javascript-commits] [backbone] 181/211: Adding Chop, Fluxiom, And Menagerie Vet
Jonas Smedegaard
js at moszumanska.debian.org
Sat May 3 17:00:21 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 40575910a5432d110bcf5297716ea39ed5e3c6be
Author: Jeremy Ashkenas <jashkenas at gmail.com>
Date: Tue Jun 14 12:55:57 2011 -0400
Adding Chop, Fluxiom, And Menagerie Vet
---
docs/images/chop.png | Bin 0 -> 158893 bytes
docs/images/fluxiom.png | Bin 0 -> 79536 bytes
docs/images/menagerievet.png | Bin 0 -> 76753 bytes
index.html | 109 ++++++++++++++++++++++++++++++++++++++-----
4 files changed, 97 insertions(+), 12 deletions(-)
diff --git a/docs/images/chop.png b/docs/images/chop.png
new file mode 100644
index 0000000..9247326
Binary files /dev/null and b/docs/images/chop.png differ
diff --git a/docs/images/fluxiom.png b/docs/images/fluxiom.png
new file mode 100644
index 0000000..f4f862c
Binary files /dev/null and b/docs/images/fluxiom.png differ
diff --git a/docs/images/menagerievet.png b/docs/images/menagerievet.png
new file mode 100644
index 0000000..fb75132
Binary files /dev/null and b/docs/images/menagerievet.png differ
diff --git a/index.html b/index.html
index 14dcc55..a92eddc 100644
--- a/index.html
+++ b/index.html
@@ -276,8 +276,11 @@
<li>– <a href="#examples-cloudapp">CloudApp</a></li>
<li>– <a href="#examples-soundcloud">Mobile SoundCloud</a></li>
<li>– <a href="#examples-tilemill">TileMill</a></li>
+ <li>– <a href="#examples-menagerievet">Menagerie Whiteboard</a></li>
<li>- <a href="#examples-instagreat">Insta-great!</a></li>
<li>- <a href="#examples-bittorrent">BitTorrent</a></li>
+ <li>- <a href="#examples-fluxiom">Fluxiom</a></li>
+ <li>- <a href="#examples-chop">Chop</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>
@@ -1828,8 +1831,10 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/todos.png" alt="Todos" class="example_image" />
</a>
</div>
-
- <p id="examples-documentcloud">
+
+ <h2 id="examples-documentcloud">DocumentCloud</h2>
+
+ <p>
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.
@@ -1840,8 +1845,10 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/dc-workspace.png" alt="DocumentCloud Workspace" class="example_image" />
</a>
</div>
+
+ <h2 id="examples-basecamp">Basecamp Mobile</h2>
- <p id="examples-basecamp">
+ <p>
<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
@@ -1855,7 +1862,9 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p id="examples-flow">
+ <h2 id="examples-flow">Flow</h2>
+
+ <p>
<a href="http://www.metalabdesign.com/">MetaLab</a> used Backbone.js to create
<a href="http://www.getflow.com/">Flow</a>, a task management app for teams. The
workspace relies on Backbone.js to construct task views, activities, accounts,
@@ -1868,7 +1877,9 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p id="examples-cloudapp">
+ <h2 id="examples-cloudapp">CloudApp</h2>
+
+ <p>
<a href="http://getcloudapp.com">CloudApp</a> is simple file and link
sharing for the Mac. Backbone.js powers the web tools
which consume the <a href="http://developer.getcloudapp.com">documented API</a>
@@ -1884,8 +1895,10 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/cloudapp.png" alt="CloudApp" class="example_image" />
</a>
</div>
+
+ <h2 id="examples-soundcloud">SoundCloud</h2>
- <p id="examples-soundcloud">
+ <p>
<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
@@ -1910,7 +1923,9 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p id="examples-tilemill">
+ <h2 id="examples-tilemill">TileMill</h2>
+
+ <p>
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
@@ -1927,7 +1942,31 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p id="examples-instagreat">
+ <h2 id="examples-menagerievet">Menagerie Whiteboard</h2>
+
+ <p>
+ <a href="http://twitter.com/_aaron_">Aaron Hamid</a> and
+ <a href="http://twitter.com/mkuklis">Michal Kuklis</a> from
+ <a href="http://incandescentsoftware.com">Incandescent Software</a>
+ used Backbone.js to create
+ <a href="http://menagerievet.com">Menagerie Whiteboard</a> a digital
+ "whiteboard" for veterinary practices. Backbone <b>Models</b> were used to
+ sync the data with CouchDB. A Backbone <b>Controller</b> was used for
+ routing and bookmarkable deep links. Backbone <b>Views</b> were used to
+ bind, listen and 'react' to changes coming from models.
+ <b>Backbone.sync</b> was extended to support connection to CouchDB
+ and deployment as a CouchApp.
+ </p>
+
+ <div style="text-align: center;">
+ <a href="http://menagerievet.com/">
+ <img src="docs/images/menagerievet.png" alt="MenagerieVet" class="example_image" />
+ </a>
+ </div>
+
+ <h2 id="examples-instagreat">Insta-great!</h2>
+
+ <p>
<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>
@@ -1944,7 +1983,9 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p id="examples-bittorrent">
+ <h2 id="examples-bittorrent">BitTorrent</h2>
+
+ <p>
<a href="http://www.bittorrent.com">BitTorrent</a> used Backbone to
completely rework an existing Win32 UI. Models normalize access to the
client's data and views rely heavily on the <tt>change</tt> events to keep
@@ -1959,8 +2000,48 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/bittorrent.jpg" alt="BitTorrent" class="example_image" />
</a>
</div>
+
+ <h2 id="examples-fluxiom">Fluxiom</h2>
+
+ <p>
+ <a href="http://fluxiom.com">Fluxiom</a> uses Backbone.js and HTML5 to
+ deliver a seamless upload experience from the desktop to the cloud,
+ including drag and drop, live previews, partial uploads, and one-click sharing.
+ <p>
+
+ <p>
+ The upload queue is a single collection and each file is it’s own model.
+ The UI is divided into several views for efficient event handling, and
+ uses <a href="http://documentcloud.github.com/underscore/">Underscore.js</a>
+ templates for fast rendering, even when handling hundreds of uploads.
+ </p>
+
+ <div style="text-align: center;">
+ <a href="http://fluxiom.com/">
+ <img src="docs/images/fluxiom.png" alt="Fluxiom" class="example_image" />
+ </a>
+ </div>
+
+ <h2 id="examples-chop">Chop</h2>
+
+ <p>
+ <a href="http://chopapp.com/">Chop</a> is a little app from
+ <a href="http://www.zurb.com/">ZURB</a> that lets people slice up bad code
+ and share their feedback to help put it back together.
+ Chop was built to demonstrate how easy it is to build pageless apps
+ using Backbone.js and Rails. Chop makes extensive use of Backbone <b>Views</b>,
+ <b>Controllers</b>, and <b>Models</b>.
+ </p>
+
+ <div style="text-align: center;">
+ <a href="http://chopapp.com/">
+ <img src="docs/images/chop.png" alt="Chop" class="example_image" />
+ </a>
+ </div>
+
+ <h2 id="examples-quietwrite">QuietWrite</h2>
- <p id="examples-quietwrite">
+ <p>
<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.
@@ -1974,8 +2055,10 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/quietwrite.png" alt="QuietWrite" class="example_image" />
</a>
</div>
+
+ <h2 id="examples-tzigla">Tzigla</h2>
- <p id="examples-tzigla">
+ <p>
<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
@@ -1998,7 +2081,9 @@ var DocumentView = Backbone.View.extend({
</a>
</div>
- <p id="examples-substance">
+ <h2 id="examples-substance">Substance</h2>
+
+ <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
--
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