mickey.js is a Javascript library for building webapps used with a remote control or keyboard layout, and without a mouse or pointer device.
Web UIs generally rely on DOM and click events. When building webapps running on embedded devices, accessible through remote control, you can only treat keypress events, which make it very difficult to build interoperable and stateless components.
mickey.js offers a DOM abstraction, to build more generic and simple applications that can be used with a remote control or a mouse. The only thing you need to do is to declaratively define in the DOM navigation areas.
<body>
<menu data-nav-area="ul > li">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>
</menu>
<section data-nav-area=".box,.limit">
<div class="limit" data-nav-limit="left">Previous Page</div>
<div class="box">Box1</div>
<div class="box">Box2</div>
<div class="box">Box3</div>
<div class="box">Box4</div>
<div class="limit" data-nav-limit="right">Next Page</div>
</section>
</body>
<script>
new Mickey(document.body).init();
</script>See the example directory for examples using Backbone.
The only dependy of mickey.js is lodash or underscore.js.
You can simply download the dist/mickey.js file, or use bower if you prefer.
bower install --save mickey.js<script src="bower_components/mickey.js/dist/mickey.js"></script>make clean
make
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent