Easy to adapt examples of HTML Widgets.
HTML Widget boiler plate, a minimal project for an HTML Widget that can be embedded in an iBook with iBooks Author. (MIT License)
Explanations on how to import your widgets into your iBooks or edit them is provided in README-Boilerplate.mdown, a copy of the README from HTML Widget boiler plate.
#iBook
The easiest way to demonstrate the widgets was by embedding them into an iBook. If you have a Mac with iBook Author installed (it's free but requires OSX 10.7.2 or later), you can open the download and open the iba file ("Interactive iBooks.iba"). Connect your iPad to the USB port, open the iBook app on your iPad, and click the preview button.
For those without a mac or iBook author, you can check the Interactive iBooks PDF (pdf, 2.4 MB). Obviously, interactive elements are not available.
#Widgets
HTML Widgets are made from HTML and associated technologies. They will run in any webkit browser (Safari is best).
Download the project (the easiest way is to click on the "Zip" button). Uncompress if necessary. Navigate to the widgets folder. On a PC, you should have access to the folder content right away. On a mac, right-click on any ".wdgt" file and select "Show Package Content". Once inside the Package, double click on main.html to open it in the browser. Not all widget functionalities may be available (for instance, localStorage data cannot be shared across widgets on the desktop).
Marielle Lange (http://widged.com)