Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

143 lines (87 sloc) 5.229 kB
<!doctype html> <html lang="en">
<head>
<meta charset="utf-8">
<!-- disable iPhone inital scale --> <meta name="viewport" content="width=device-width;
initial-scale=1.0">
<title>TodoMVC</title>
<!-- main css --> <link href="res/style.css" rel="stylesheet" type="text/css"> <!-- fontface css -->
<link href="res/fonts.css" rel="stylesheet" type="text/css">
<!-- media queries css --> <link href="res/media-queries.css" rel="stylesheet" type="text/css">
<!-- html5.js for IE less than 9 --> <!--[if lt IE 9]> <script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<!-- css3-mediaqueries.js for IE less than 9 --> <!--[if lt IE 9]> <script
src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<div id="pagewrap">
<a href="http://github.com/addyosmani/todomvc"><img style="position: absolute; top: 0; right: 0;
border: 0;" src="https://d3nwyuy0nl342s.cloudfront.net/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/
687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768
745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
<header id="header">
<hgroup> <h1 id="site-logo"></h1> </hgroup>
<nav> <ul id="main-nav" class="clearfix"> <li><a href="http://addyosmani.github.com/todomvc">Home</a></li> <li><a
href="#gettingstarted">Getting Started</a> </li> </ul> <!--
/#main-nav --> </nav>
</header> <!-- /#header -->
<div id="content">
<article class="post clearfix">
<!-- /.paragraph -->
<p>&nbsp;</p>
<!--startpara--> <header> <h1 class="post-title"><a name="gettingstarted">Thanks for downloading! Let's get started</a></h1> </header>
<!--startpara--> <h2 class="site-headline"> TodoMVC is a <strong>common</strong> set of JavaScript
<strong>examples</strong> for MVC frameworks like SproutCore, JavaScriptMVC, Backbone, YUILibrary, Spine, Sammy and others.</h2>
<h2>Live examples</h2>
<p>To preview a Todo implementation for a particular framework, simply select it from the menu
to the right of the screen. </p>
<p>Depending on the browser you're using, you may need to access the examples over a network/localhost to avoid incurring security exceptions with localStorage.</p>
<h2>Source code</h2>
<p>The directory structure for this download is quite easy to navigate around. 'todo-example' is the main implementation folder
and this contains sub-directories for each of the frameworks an implementation is available for. </p>
<p>To keep TodoMVC as self-contained as possible, all of the dependencies you need are included in this download, so you can easily
go in and start making changes to examples right away.</p>
<p>I would however recommend reading any readme files provided as these may include important information regarding build processes required should you make any
changes to code. At present, JavaScriptMVC is the only framework included which requires this.</p>
<!-- /.paragraph -->
</article> <!-- /.post -->
</div> <!-- /#content -->
<aside id="sidebar">
<section class="widget clearfix"> <h4 class="widgettitle">Select framework:</h4> <ul>
<li><a href="todo-example/sproutcore/index.html">SproutCore 2.0</a></li>
<li><a href="todo-example/javascriptmvc/todo/todo/index.html">JavaScriptMVC</a></li>
<li><a href="todo-example/spine/index.html">Spine.js</a></li>
<li><a href="todo-example/backbone/index.html">Backbone.js</a></li>
<li><a href="todo-example/sammyjs/index.html">Sammy.js</a></li>
<li><a href="todo-example/knockoutjs/index.html">KnockoutJS (MVVM)</a></li>
<li><a href="todo-example/sproutcore/index.html">SproutCore</a></li>
<li><a href="todo-example/yuilibrary/index.html">YUILibrary</a></li>
</ul> </section> <!-- /.widget -->
<section class="widget"> <h4 class="widgettitle">GitHub</h4> <ul> <li><a
href="https://github.com/addyosmani/todomvc/">View repository</a></li> </ul>
</section> <!-- /.widget -->
<section class="widget clearfix">
<h4 class="widgettitle">Contributors include:</h4>
<ul> <li><a
href="http://twitter.com/addyosmani">Addy Osmani</a></li> <li><a
href="http://twitter.com/justinbmeyer">Justin Meyer</a></li> <li><a
href="http://twitter.com/jeromegn">Jérôme Gravel-Niquet</a></li> <li><a
href="http://twitter.com/macmann">Alex MacCaw</a></li>
<li><a href="">Ashish Sharma</a></li>
<li><a href="http://sproutcore.com">Tom Dale, Yehuda Katz</a></li>
<li><a href="http://developer.yahoo.com">The YUI team</a></li>
</ul>
</section> <!-- /.widget -->
</aside> <!-- /#sidebar -->
<footer id="footer">
<p>Copyright respective contributors, TodoMVC & Addy Osmani, 2011.</p>
</footer> <!-- /#footer -->
</div> <!-- /#pagewrap -->
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css" rel="stylesheet"
type="text/css" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"
type="text/javascript"></script> <script
src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js"
type="text/javascript"></script> <script
src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"
type="text/javascript"></script> <script type="text/javascript"> SyntaxHighlighter.all() </script>
</body> </html>
Jump to Line
Something went wrong with that request. Please try again.