github/backbone
1
1
Fork 0
mirror of https://github.com/jashkenas/backbone.git synced 2026-04-08 03:00:26 -04:00
Code Issues Packages Projects Releases Wiki Activity

Issue #224 ... underlining links, updating docs.

Browse Source
This commit is contained in:
Jeremy Ashkenas
2011-02-14 17:00:39 -05:00
parent f4a394b906
commit 6c968b652a
1 changed files with 53 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
index.html
View File

@@ -26,12 +26,13 @@
box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; -moz-box-shadow: 0 0 20px #ccc;
}
a.toc_title, a.toc_title:visited {
text-decoration: none;
display: block;
color: black;
font-weight: bold;
margin-top: 15px;
}
div.toc_title:hover {
a.toc_title:hover {
text-decoration: underline;
}
#sidebar .version {
@@ -51,8 +52,12 @@
margin: 0 0 3px 0;
}
.toc_section li a {
text-decoration: none;
color: black;
}
.toc_section li a:hover {
text-decoration: underline;
}
div.container {
position: relative;
width: 550px;
@@ -83,11 +88,9 @@
}
a, a:visited {
color: #444;
text-decoration: none;
}
a:active, a:hover {
color: #000;
text-decoration: underline;
}
a img {
border: 0;
@@ -498,9 +501,19 @@ var Note = Backbone.Model.extend({
author: function() { ... },
allowedToEdit: function(account) { ... },
coordinates: function() { ... },
coordinates: function() { ... }
allowedToEdit: function(account) {
return true;
}
});
var PrivateNote = Note.extend({
allowedToEdit: function(account) {
return account.owns(this);
}
});
</pre>
@@ -1046,7 +1059,7 @@ var alphabetical = Books.sortBy(function(book) {
Add a model (or an array of models) to the collection. Fires an <tt>"add"</tt>
event, which you can pass <tt>{silent: true}</tt> to suppress. If a
<a href="#Collection-model">model</a> property is defined, you may also pass
raw attributes objects.
raw attributes objects, and have them be vivified as instances of the model.
</p>
<pre class="runnable">
@@ -1813,9 +1826,9 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/dc-workspace.png" alt="DocumentCloud Workspace" class="example_image" />
</a>
</div>
<p>
<a href="http://37signals.com/">37Signals</a> used Backbone.js to create
<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
projects, post new messages, and comment on milestones (all represented
@@ -1827,15 +1840,15 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/basecamp-mobile.png" alt="Basecamp Mobile" class="example_image" />
</a>
</div>
<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
map design studio with Backbone.js:
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
map design studio with Backbone.js:
<a href="http://mapbox.github.com/tilemill/">TileMill</a>.
TileMill lets you manage map layers based on shapefiles and rasters, and
edit their appearance directly in the browser with the
edit their appearance directly in the browser with the
<a href="https://github.com/mapbox/carto">Carto styling language</a>.
</p>
@@ -1844,62 +1857,62 @@ var DocumentView = Backbone.View.extend({
<img src="docs/images/tilemill.png" alt="TileMill" class="example_image" />
</a>
</div>
<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>
- a fun way to explore popular photos and interact with
<a href="http://instagram.com/">Instagram</a> on the web.
Elliott says, "Backbone.js and Coffeescript were insanely useful for
writing clean, consistent UI code and keeping everything modular and
<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>
- a fun way to explore popular photos and interact with
<a href="http://instagram.com/">Instagram</a> on the web.
Elliott says, "Backbone.js and Coffeescript were insanely useful for
writing clean, consistent UI code and keeping everything modular and
readable, even through several code refactors. I'm in love."
</p>
<div style="text-align: center;">
<a href="http://instagre.at">
<img src="docs/images/instagreat.png" alt="instagre.at" class="example_image" />
</a>
</div>
<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.
The editor relies on Backbone to persist document data to the server. He
followed up with a Backbone.js + Rails tutorial that describes how to implement
The editor relies on Backbone to persist document data to the server. He
followed up with a Backbone.js + Rails tutorial that describes how to implement
<a href="http://www.jamesyu.org/2011/01/27/cloudedit-a-backbone-js-tutorial-by-example/">CloudEdit, a simple document editing app</a>.
</p>
<div style="text-align: center;">
<a href="http://www.quietwrite.com/">
<img src="docs/images/quietwrite.png" alt="QuietWrite" class="example_image" />
</a>
</div>
<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
application where artists make tiles that connect to each other to
<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
application where artists make tiles that connect to each other to
create <a href="http://tzigla.com/boards/1">surreal drawings</a>.
Backbone models help organize the code, controllers provide
<a href="http://tzigla.com/boards/1#!/tiles/2-2">bookmarkable deep links</a>,
and the views are rendered with
<a href="https://github.com/creationix/haml-js">haml.js</a> and
Backbone models help organize the code, controllers provide
<a href="http://tzigla.com/boards/1#!/tiles/2-2">bookmarkable deep links</a>,
and the views are rendered with
<a href="https://github.com/creationix/haml-js">haml.js</a> and
<a href="http://zeptojs.com/">Zepto</a>.
Tzigla is written in Ruby (Rails) on the backend, and
Tzigla is written in Ruby (Rails) on the backend, and
<a href="http://coffeescript.org">CoffeeScript</a> on the frontend, with
<a href="http://documentcloud.github.com/jammit/">Jammit</a>
<a href="http://documentcloud.github.com/jammit/">Jammit</a>
prepackaging the static assets.
</p>
<div style="text-align: center;">
<a href="http://www.tzigla.com/">
<img src="docs/images/tzigla.png" alt="Tzigla" class="example_image" />
</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