Office-it.orG

Two Books for Learning Prototype & Scriptaculous

Common Ajax tasks should be easy, and with Prototype and Scriptaculous they are. Prototype and Scriptaculous are libraries of reusable JavaScript code that simplify Ajax development. Prototype provides helpful methods and objects that extend JavaScript in a safe, consistent way. Its clever Ajax request model simplifies cross-browser development. Scriptaculous, which is based on Prototype, offers handy pre-fabricated widgets for rich UI development.

Two books recommended here:

(1) Prototype and Scriptaculous in Action

Prototype and Scriptaculous in Action is a comprehensive, practical guide that walks you feature-by-feature through the two libraries. First, you’ll use Scriptaculous to make easy but powerful UI improvements. Then you’ll dig into Prototype’s elegant and sparse syntax. See how a few characters of Prototype code can save a dozen lines of JavaScript. By applying these techniques, you can concentrate on the function and flow of your application instead of the coding details. This book is written for web developers with a working knowledge of JavaScript.

Sample Chapter:
Chapter 8
Sample Chapter 4
Sample Chapter 6

(more…)

Popularity: 10% [?]

Posted in Miscellaneous | No Comments »

Cool Effects from Prototype and Scriptaculous

Script.aculo.us is a cool library for effects. I collect samples from different places in this page. Enjoy it!
Extra Tip: protoculous is a javascript file which contains Prototype and Scriptaculous together compressed.

Cool effects:

1. Accordion effect
2. Auto-scrolling page navigation
3. Carousel (able to use with Rails)
4. Crossfader
5. Data Picker
6. FrogJS Javascript Gallery
7. Goofy Boxes
8. Image Transition Manager
9. Lightbox
10. Lightwindow: Lightbox prototype.js version
11. Modalbox: like Mac OS
12. Password strength meter
13. Prototype window
14. Scal: calendar component
15. Slideshow
16. Slideshow 2
17. Scroll with slide component
18. Scroll 2
19. Shopping cart
20. Tooltips
21. Validation

Popularity: 18% [?]

Posted in Ajax | No Comments »

Still wondering which javascript library to use?

If you are still wondering which javascript library (Prototype, MooTools, JQuery) to use, you can run the speed/validity selectors test for frameworks from Slickspeed.

http://mootools.net/slickspeed/

Every framework runs in its own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing.

Tests are run in a neutral environment, no library or framework is included in the main javascript test, to avoid favoritism.

Popularity: 10% [?]

Posted in Javascript | 1 Comment »