iBooks HTML Widget examples
Easy to adapt examples of HTML Widgets.
Based on HTML Widget boiler plate
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.
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.
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)