Prototype


Thursday, August 23rd, 2007

jQuery vs. Prototype: OO JavaScript with or without training wheels

Category: jQuery, Prototype

Brian Dillard has written about his experience playing with jQuery after time as a Prototype-r. The piece walks us through Brian’s understanding of JavaScript and OO as he worked with different libraries: Learning from Prototype For developers like myself – long-time UI folks who have used JavaScript’s Object datatype for years but lack significant experience Read the rest…

Posted by Dion Almaer at 6:52 am
29 Comments

+++--
3.7 rating from 99 votes

Thursday, August 16th, 2007

Prototype 1.6: The event overhaul, and a whole lot more

Category: JavaScript, Library, Prototype

This is big. Prototype 1.6 is a major upgrade, and the first RC has been released. There is a large number of updates and my pet favourites are: The event system has been cleaned up. It now works the way you would expect, with “this” doing the right thing You can observe and fire custom Read the rest…

Posted by Dion Almaer at 8:49 am
11 Comments

+++--
3.7 rating from 96 votes

Wednesday, August 8th, 2007

.Mac Web Gallery on Prototype

Category: Prototype, Scriptaculous, Showcase

As part of the Apple announcements yesterday they showed off a new .Mac Web Gallery that uses Prototype and Script.aculo.us to give you a rich web view of your photos. Shaun Trennery blogged about the features: The main page is a collection of album thumbnails that change as the user hovers over them. The powerful Read the rest…

Posted by Dion Almaer at 1:59 pm
29 Comments

++---
2.4 rating from 216 votes

Thursday, August 2nd, 2007

Stuffing more Ajax in the Backpack

Category: Prototype, Scriptaculous, Showcase

Backpack, the simple web-based manager of to-dos, notes, ideas, and schedules from 37 Signals, has had an upgrade. The team discussed some of the changes, and the biggest addition is the ability to move any “widget” (note, to-do list, picture gallery, etc.) anywhere on the page, or even to another page. We talked to Sam Read the rest…

Posted by Dion Almaer at 10:50 am
9 Comments

+++--
3.6 rating from 28 votes

Monday, July 23rd, 2007

Building Brickslayer: Game Programming with Prototype but not the iPhone

Category: Games, iPhone, JavaScript, Prototype

I know it isn’t Friday, but this is a fun tutorial for any JavaScripter. Michal Wallace has written up a thorough step by step tutorial that walks you through the creation of Brickslayer using Prototype. Setting Up Shop: Tools you will need and initial versions of the source files. The Paddle: Our First Sprite: Creating Read the rest…

Posted by Dion Almaer at 12:02 am
4 Comments

++++-
4.2 rating from 28 votes

Friday, July 20th, 2007

Google Gears for Offline Data Entry

Category: Articles, Gears, PHP, Prototype

Jack Herrington has written his second article in his series on Gears. The article goes into detail on creating a form based data entry application that works offline. This means that entries are batched up, so when the user goes online they can be sync’d up. The forms are sent using Prototype and Ajax.Updater. Jack Read the rest…

Posted by Dion Almaer at 12:01 am
8 Comments

+++--
3.7 rating from 40 votes

Wednesday, July 18th, 2007

Slideshow Karaoke

Category: Prototype, Scriptaculous, Showcase

Lalit Patel has created an application that will fetch random (Creative Commons Licensed) sideshows from slideshare.net using the API. The SlideShare Karaoke Randomizer was used for the first time on 11th July at the Creative Commons Salon in San Francisco! The application uses the SlideShare.net API and Prototype / Script.acluo.us. The code has been released Read the rest…

Posted by Dion Almaer at 8:03 am
4 Comments

++++-
4.1 rating from 27 votes

Wednesday, July 11th, 2007

Uncluttr: A cleaner Amazon

Category: Prototype, Rails, Showcase

Derek Gaw gave an ignite talk tonight onAIR which showed off his Uncluttr project. Derek works for Amazon, but this is outside of his company work. He is frustrated seeing 1.5MB of content being downloaded when you login, find a book, and then view the detail page. That is too much. Uncluttr uses the Amazon Read the rest…

Posted by Dion Almaer at 12:01 am
11 Comments

+++--
3.7 rating from 37 votes

Thursday, June 28th, 2007

PhotoFolder: JSON Image Gallery API

Category: Prototype, Scriptaculous

Ryan Johnson has developed PhotoFolder, a simple library that “scans a given folder for JPEG files with any number of thumbnail sizes per image. If the resized images do not yet exist, it will automatically create the thumbnails for you. The result is that your workflow for adding new images to an application built with Read the rest…

Posted by Dion Almaer at 6:23 am
7 Comments

+++--
3.9 rating from 28 votes

Friday, June 22nd, 2007

FV3: Real Estate Unit Info

Category: Prototype, Scriptaculous, Showcase

James MacFarlane developed this real estate map to give real-time data of unit availability in one of our rental developments. You can mouse-over the available units to view the townhouse details, and click to view the floor plan. It’s simple, clean and to the point. The application makes heavy use of Prototype and Script.aculo.us throughout. Read the rest…

Posted by Dion Almaer at 9:09 am
22 Comments

+++--
3.4 rating from 30 votes

Wednesday, June 20th, 2007

Prototype Upgrade for Safari

Category: Prototype

If you are using Prototype, you probably want to grab the latest 1.5.1.1 version which is a bug fix release: Previous versions of Prototype could trigger bugs in Safari’s regular expression engine when updating elements with HTML containing <script> tags or when using JSON functionality with built-in security checks. These regular expression engine bugs affect Read the rest…

Posted by Dion Almaer at 8:53 am
6 Comments

+++--
3.4 rating from 29 votes

Tuesday, June 19th, 2007

Object.Event: Event model for all JS Objects

Category: JavaScript, Prototype

Ryan Johnson has created an event model for all Objects that mimics Event.observe from Prototype (A little like the events in Dojo): Object.Event allows you to create and control events on any JavaScript object. This does this by providing an observer/observable implementation nearly identical to the one implemented in Prototype’s Element.observe(), except that it is Read the rest…

Posted by Dion Almaer at 7:10 am
21 Comments

+++--
3.8 rating from 51 votes

Thursday, June 14th, 2007

CNN Beta Site

Category: Prototype, Scriptaculous, Showcase

CNN has a new beta site that plays with Prototype and Script.aculo.us for some simple clean effects and inline Ajax. The site also uses a StorageManager to access local storage using IE-specific, DOM storage, or cookies. This way your personalization is stored away. If you put it side by side the current site, you will Read the rest…

Posted by Dion Almaer at 5:28 am
7 Comments

+++--
3.3 rating from 40 votes

Tuesday, June 12th, 2007

Apple Revamps its website

Category: Prototype, Scriptaculous, Showcase

To go with the keynote, Apple pushed live a new revamped website that looks even more like it is running in iTunes. There are lots of effects, courtesy of Prototype and Script.aculo.us, such as mouseover accordians, and horizontal scroll areas. Fred Oliveira wasn’t all impressed: Apple launched a new website. “Great!”, I hear you say Read the rest…

Posted by Dion Almaer at 7:00 am
23 Comments

+++--
3.9 rating from 46 votes

Friday, June 1st, 2007

The Cruiser Parser Library

Category: JavaScript, Library, Prototype

Dan Yoder has recently developed a small (2.5k) JavaScript library for creating top-down recursive descent LLk parsers, Cruiser. Dan uses it himself to parse stylesheets, to support CSS3 selectors. Here is the parser: < View plain text > javascript with ( Parser.Operators ) {   var g = Behaviors.Stylesheet.Grammar;   var t = Behaviors.Stylesheet.Translator;   Read the rest…

Posted by Dion Almaer at 8:36 am
6 Comments

+++--
3.4 rating from 16 votes

Wednesday, May 30th, 2007

TableKit: Prototype Table Tweaking

Category: Component, Prototype

TableKit is a Prototype based library that lets you create sort, inline edit, and resize tables. There is a simple unobtrusive way to use the component: < View plain text > HTML <table class="sortable resizable editable"> And, you can get lower level and work directly with the API via the TableKit objects.

Posted by Dion Almaer at 3:20 am
11 Comments

+++--
3.9 rating from 60 votes