Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

corrected a couple of typos #364

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open

corrected a couple of typos #364

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script></head><body data-spy="scroll" data-target="#nav"><header><div class="container"><div class="row"><div class="col col-xs-6"><h3><a href="/">RIVETS.JS</a></h3></div><div class="col col-xs-6 right visible-xs"><i id="hamburger">&#9776;</i></div><div id="menu" class="col col-sm-6 col-xs-12 right hidden-xs"><ul class="list-unstyled"><li><a href="/docs/guide">Guide</a></li><li><a href="/docs/reference">Binder Reference</a></li><li><a href="http://github.com/mikeric/rivets">GitHub</a></li></ul></div></div></div></header><section class="intro"><div class="container"><div class="row"><div class="col col-sm-12"><p class="blurb">Lightweight and powerful data binding + templating solution for building modern web applications.</p><a href="https://raw.githubusercontent.com/mikeric/rivets/v0.6.9/dist/rivets.min.js" class="btn btn-clear"><i>&#128229;</i><span>Download 0.6.9</span></a><p>3.4kb minified and gzipped</p></div></div></div></section><section class="agnostic"><div class="container"><div class="row"><div class="col col-sm-12"><div class="separator"><h5>WHY RIVETS.JS?</h5></div></div></div><div class="row"><div class="col col-md-6"><h3>Agnostic by design</h3><p>Rivets.js is completely agnostic about your model / controller layer and works well with existing libraries that employ an event-driven model such as <a href="http://backbonejs.org/">Backbone.js</a> and <a href="http://hay.github.io/stapes/">Stapes.js</a>. It ships with a built-in adapter for subscribing to plain JS objects using ES5 natives, however this can be replaced with a <a href="https://github.com/melanke/Watch.JS">Watch.JS</a> adapter or an <a href="http://wiki.ecmascript.org/doku.php?id=harmony:observe">Object.observe</a> adapter.</p></div><div class="col col-md-6"><h3>Highly configurable</h3><p>From the event handlers to the template delimiters, the attribute prefixes to the preloading of data. It's all configurable and tunable at the application level as well as locally to individual views.</p></div></div></div></section><section class="highlights"><div class="container"><div class="row"><div class="col col-sm-12"><div class="separator"><h5>MOVING PARTS</h5></div></div></div><div class="row"><div class="col col-sm-6"><h3>Binders</h3><span>&lt;input rv-<span class="highlighted">value</span>=&quot;item.summary&quot;&gt;</span><p>Describe how your underlying data is reflected in the DOM and vice-versa. All binders create a binding that is automatically updated when model data changes or when the user interacts with the DOM.</p></div><div class="col col-sm-6"><h3>Components</h3><span>&lt;rv-<span class="highlighted">toggle</span> on=&quot;item.complete&quot;&gt;</span><p>Define reusable subviews, instantiable as a custom element. Each component gets it's own augmentable view and scope.</p></div></div><div class="row"><div class="col col-sm-6"><h3>Formatters</h3><span>{ item.due | <span class="highlighted">fromNow</span> | <span class="highlighted">duration</span> }</span><p>Format dates, numbers, currencies and implement logic gates and conversions. Formatters work in a similar fashion to the Unix pipeline, so you can stack as many of them together as you like.</p></div><div class="col col-sm-6"><h3>Adapters</h3><span>&lt;dd rv-text=&quot;user<span class="highlighted">.</span>address<span class="highlighted">:</span>city&quot;&gt;</span><p>Teach Rivets.js how to observe and interact with different objects. Use <code>.</code> for plain object proterties and define a <code>:</code> adapter for Backbone model attributes. It's up to you. Adapters take care of observing and reading each key in a keypath.</p></div></div></div></section><section class="author"><div class="container"><div class="row"><div class="col col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"><h2>Author</h2><p>Michael Richards is a Ruby/JavaScript developer, residing in beautiful Vancouver, British Columbia.</p><img src="/img/mikeric.jpg"/></div></div><div class="row"><div class="col col-md-12"><a href="http://github.com/mikeric"><i class="social">&#62208;</i></a><a href="http://twitter.com/mikeric"><i class="social">&#62217;</i></a><a href="http://linkedin.com/in/mikeric"><i class="social">&#62232;</i></a><a href="http://instagram.com/mikeric"><i class="social">&#62253;</i></a><a href="http://rdio.com/people/mikeric"><i class="social">&#62244;</i></a></div></div></div></section></body></html>
</script></head><body data-spy="scroll" data-target="#nav"><header><div class="container"><div class="row"><div class="col col-xs-6"><h3><a href="/">RIVETS.JS</a></h3></div><div class="col col-xs-6 right visible-xs"><i id="hamburger">&#9776;</i></div><div id="menu" class="col col-sm-6 col-xs-12 right hidden-xs"><ul class="list-unstyled"><li><a href="/docs/guide">Guide</a></li><li><a href="/docs/reference">Binder Reference</a></li><li><a href="http://github.com/mikeric/rivets">GitHub</a></li></ul></div></div></div></header><section class="intro"><div class="container"><div class="row"><div class="col col-sm-12"><p class="blurb">Lightweight and powerful data binding + templating solution for building modern web applications.</p><a href="https://raw.githubusercontent.com/mikeric/rivets/v0.6.9/dist/rivets.min.js" class="btn btn-clear"><i>&#128229;</i><span>Download 0.6.9</span></a><p>3.4kb minified and gzipped</p></div></div></div></section><section class="agnostic"><div class="container"><div class="row"><div class="col col-sm-12"><div class="separator"><h5>WHY RIVETS.JS?</h5></div></div></div><div class="row"><div class="col col-md-6"><h3>Agnostic by design</h3><p>Rivets.js is completely agnostic about your model / controller layer and works well with existing libraries that employ an event-driven model such as <a href="http://backbonejs.org/">Backbone.js</a> and <a href="http://hay.github.io/stapes/">Stapes.js</a>. It ships with a built-in adapter for subscribing to plain JS objects using ES5 natives, however this can be replaced with a <a href="https://github.com/melanke/Watch.JS">Watch.JS</a> adapter or an <a href="http://wiki.ecmascript.org/doku.php?id=harmony:observe">Object.observe</a> adapter.</p></div><div class="col col-md-6"><h3>Highly configurable</h3><p>From the event handlers to the template delimiters, the attribute prefixes to the preloading of data. It's all configurable and tunable at the application level as well as locally to individual views.</p></div></div></div></section><section class="highlights"><div class="container"><div class="row"><div class="col col-sm-12"><div class="separator"><h5>MOVING PARTS</h5></div></div></div><div class="row"><div class="col col-sm-6"><h3>Binders</h3><span>&lt;input rv-<span class="highlighted">value</span>=&quot;item.summary&quot;&gt;</span><p>Describe how your underlying data is reflected in the DOM and vice-versa. All binders create a binding that is automatically updated when model data changes or when the user interacts with the DOM.</p></div><div class="col col-sm-6"><h3>Components</h3><span>&lt;rv-<span class="highlighted">toggle</span> on=&quot;item.complete&quot;&gt;</span><p>Define reusable subviews, instantiable as a custom element. Each component gets its own augmentable view and scope.</p></div></div><div class="row"><div class="col col-sm-6"><h3>Formatters</h3><span>{ item.due | <span class="highlighted">fromNow</span> | <span class="highlighted">duration</span> }</span><p>Format dates, numbers, currencies and implement logic gates and conversions. Formatters work in a similar fashion to the Unix pipeline, so you can stack as many of them together as you like.</p></div><div class="col col-sm-6"><h3>Adapters</h3><span>&lt;dd rv-text=&quot;user<span class="highlighted">.</span>address<span class="highlighted">:</span>city&quot;&gt;</span><p>Teach Rivets.js how to observe and interact with different objects. Use <code>.</code> for plain object properties and define a <code>:</code> adapter for Backbone model attributes. It's up to you. Adapters take care of observing and reading each key in a keypath.</p></div></div></div></section><section class="author"><div class="container"><div class="row"><div class="col col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"><h2>Author</h2><p>Michael Richards is a Ruby/JavaScript developer, residing in beautiful Vancouver, British Columbia.</p><img src="/img/mikeric.jpg"/></div></div><div class="row"><div class="col col-md-12"><a href="http://github.com/mikeric"><i class="social">&#62208;</i></a><a href="http://twitter.com/mikeric"><i class="social">&#62217;</i></a><a href="http://linkedin.com/in/mikeric"><i class="social">&#62232;</i></a><a href="http://instagram.com/mikeric"><i class="social">&#62253;</i></a><a href="http://rdio.com/people/mikeric"><i class="social">&#62244;</i></a></div></div></div></section></body></html>