You might have encountered interactive demos created with screencasting and screengrabbing software (e.g. Amberjack, Demofuse or Jing) that explain an interface to users in a step-by-step manner. This is exactly what this script does for web sites. When you loaded this page and all went well you’ll have seen the examples, download and first paragraph section being highlighted and a small panel with information showing up in succession. This is done with this script.
Step by Step uses the Yahoo User Interface library, and pulls in most of its dependencies automatically. So, what you need to do is write a JSON object and either embed it in a script tag or link to it as an external file.
Requirements: Yahoo User Interface library, JSON
Demo: http://icant.co.uk/sandbox/stepbystep/
License: Creative Commons 3.0 License
You can create screenshots and screencasts easily for your web application easily now. Jing sits nicely on your desktop, ready to capture and share your stuff at a moment’s notice. Simply select an area of your screen, capture it as an image or record it as a video, and then click Share. Jing conveniently places a URL to your content on your clipboard ready for you to paste the URL into any of your conversations. Your content is hosted on Screencast.com, for which they are providing a complimentary account to all participants during this project. Users have 200MB of space for storing screenshots and screencasts and 1 GB of bandwidth that renews monthly. The Screencast.com account will remain available to you for the duration of the project.
Requirements: No Requirements
Demo: http://www.jingproject.com/
License: License Free
After we have developed a web service or web application, we need a way to teach users how to use it properly. A demo tour is what we are looking for. Demofuse allows us to creae tours that interact with your visitors browser by creating area highlights, emulating cursor movements, and even help by filling in forms.
Requirements: No Requirements
Demo: http://www.demofuse.com
License: License Free
Amberjack enables webmasters to create cool site tours like Demofuse. By guiding your site visitors, Amberjack tours can greatly improve the usability of your website. It is also a lightweight (4kb) cross-browsers javascript library under LGPL license. Best of all, nothing needs to be installed. Use the Tour Wizard to create great looking and helpful tours for your site or web application.
Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://amberjack.org
License: LGPL License