Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
143 lines (87 sloc) 5.11 KB
<!doctype html> <html lang="en">
<meta charset="utf-8">
<!-- disable iPhone inital scale --> <meta name="viewport" content="width=device-width;
<!-- 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=""></script> <![endif]-->
<!-- css3-mediaqueries.js for IE less than 9 --> <!--[if lt IE 9]> <script
<div id="pagewrap">
<a href=""><img style="position: absolute; top: 0; right: 0;
border: 0;" src="
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="">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 -->
<!--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="">View repository</a></li> </ul>
</section> <!-- /.widget -->
<section class="widget clearfix">
<h4 class="widgettitle">Contributors include:</h4>
<ul> <li><a
href="">Addy Osmani</a></li> <li><a
href="">Justin Meyer</a></li> <li><a
href="">Jérôme Gravel-Niquet</a></li> <li><a
href="">Alex MacCaw</a></li>
<li><a href="">Ashish Sharma</a></li>
<li><a href="">Tom Dale, Yehuda Katz</a></li>
<li><a href="">The YUI team</a></li>
</section> <!-- /.widget -->
</aside> <!-- /#sidebar -->
<footer id="footer">
<p>Copyright respective contributors, TodoMVC & Addy Osmani, 2011.</p>
</footer> <!-- /#footer -->
</div> <!-- /#pagewrap -->
<link href="" rel="stylesheet"
type="text/css" /> <script src=""
type="text/javascript"></script> <script
type="text/javascript"></script> <script
type="text/javascript"></script> <script type="text/javascript"> SyntaxHighlighter.all() </script>
</body> </html>