nicorios / anno.js

Interactive step-by-step guides for web apps.

Home Page:iamdanfox.github.io/anno.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

anno.js Build Status

Anno.js lets you add powerful step-by-step guides to your web-apps. See demo!

Screencast of a single annotation

Anno.js is built to be extensible. The source is about 500 lines of literate coffeescript; you can read the annotated source in just a few minutes!

Usage

Include the following in your HTML page:

<!-- get jQuery from somewhere; personally, I like the Google CDN: -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://iamdanfox.github.io/anno.js/anno.js" type="text/javascript"></script>
<script src="http://iamdanfox.github.io/anno.js/scrollintoview/jquery.scrollintoview.min.js" type="text/javascript"></script>

<link href="http://iamdanfox.github.io/anno.js/anno.css" rel="stylesheet" type="text/css" />

After including anno.js you can define your annotations (see examples).

For better performance, you can host the files yourself. Clone the repo or download the zip, then copy anno.js, anno.css and scrollintoview/jquery.scrollintoview.min.js into your project.

About

Interactive step-by-step guides for web apps.

iamdanfox.github.io/anno.js/

License:MIT License


Languages

Language:HTML 67.9%Language:CoffeeScript 19.1%Language:CSS 12.3%Language:Makefile 0.4%Language:JavaScript 0.3%