Cool JS App: Treesaver.js

If you’re looking for a web-based flipbook that works great on iOS (and other Flash-less devices), take a look at treesaver.js. It’s an open source script that automatically builds properly formatted pages that swipe great on the iPad and look great, too. Since it’s stock HTML5 and JavaScript, it works great almost everywhere.

Lightweight and fast, the Treesaver.js app doesn’t add any crazy overhead to your content but putting your content into the system and making it look nice still requires quite a large bit of elbow grease. This is due, in large part, to the unfinished documentation on the Wiki.

But, the software is only at version 0.9.2 currently, so there’s plenty of time for the community to help out. I love open source software.

Adding and Removing HTML elements with plain-old JavaScript

Sometimes while developing a web application, you need to hide or display certain elements dynamically based on circumstance. For instance, if you’re filling in your personal information and you in the dropdown box you select “other” as your country, the website may be required to display a previously hidden textbox allowing you to type in your country name.

This post, by Dustin Diaz, contains two links, written by the same person at two different times. Which one you choose to use is completely up to your skill and the scope of the project you’re working on. The first, is a simple, easy-to-understand JavaScript code snippet: http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/

The second link is a reprise by the same author almost three years later with a much cleaner implementation of the same functionality in JavaScript. Unfortunately, it requires more knowledge about JavaScript and events, and for a beginner in programming, the first link may be easier to swallow. For the site, click this link: http://www.dustindiaz.com/add-remove-elements-reprise/

Pick your poison :)