Prototype
Friday, December 15th, 2006
Category: Prototype
, Showcase
Slide Share is a community sharing site for slide presentations. It has mimicked a lot of the YouTube features, and has some nice ones such as the translation of slides. The feel is nice and interactive, and it appears to be powered by Prototype and Script.aculo.us.
Wednesday, December 13th, 2006
Category: Prototype
, Scriptaculous
, Showcase
Be Green is a new website that uses Prototype, Script.aculo.us, and SIFr, on a website that helps you learn about environmental matters. The site features Ajax in a variety of ways, some of the most exciting being the Carbon Footprint calculator.
Wednesday, December 6th, 2006
Category: Articles
, JavaScript
, Prototype
Justin Palmer has written about avoiding bloat in widgets with respect to Prototype. Widgets walk a fine line between abstractions and implementations. Implementation, in this case, is a practical solution chosen to perform a given function. The problems with widgets occur when the widget author walks too far in one direction, or worse, walks an Read the rest...
Friday, December 1st, 2006
Category: Examples
, Prototype
, Scriptaculous
, Showcase
Bob Buffone, Chief Architect of NexaWeb Technologies, has created a sample single page Ajax application called Send Me a Pic that allows users to search Flickr images and create a customized image that is personalized for any mobile phone. Custom images can be text messaged to user's phones by simply entering the phone number. Bob Read the rest...
Wednesday, November 29th, 2006
Category: Library
, Prototype
Frank Monnerjahn took the work from here and created a Prototype Event extension which makes it trivial to use the mouse wheel in Prototype with Event.observe(..). The demo shows this in action. The Code PLAIN TEXT JAVASCRIPT: /* * Orginal: http://adomas.org/javascript-mouse-wheel/ * prototype extension by "Frank Monnerjahn" themonnie @gmail.com */ Object.extend(Event, { Read the rest...
Friday, November 24th, 2006
Category: Prototype
, Showcase
Dropboks is a single page application build on Prototype and friends, that allows you to simply upload files for safe keeping. The application is ad free, and survives on user donations. They do a good job at letting you use it pre-signup, and giving good info via tooltips.
Wednesday, November 22nd, 2006
Category: JavaScript
, Library
, Prototype
, Scriptaculous
, UI
Morphing with CSS is all the rage now, and Script.aculo.us has stepped up to the plate with their 1.7 beta release. The two main features are: Morphing Effect.Morph is added to the pack, along with a nice helpful any_element.morph to go with it. E.g. showing both styles to morph elements using the given CSS: PLAIN Read the rest...
Thursday, November 9th, 2006
Category: Articles
, Examples
, Prototype
Pete Forde has taken the Pageless implementation seen in the Humanized Reader, implement it with Prototype, and write this piece on it. They implemented the feature on their Live Filter demo, so now as you scroll down you see more results coming back at you automatically. No next, previous, or Gooooooooooooooooooogle (for SEO you will Read the rest...
Friday, November 3rd, 2006
Category: Prototype
, UI
Bernie Sumption loves the functionality of Moo.fx, Script.aculo.us and Rico but thinks that inheritance is evil: In particular, they don't seem to realise that inheritance is evil, and must be destroyed. By providing base classes for an effect and requiring users to subclass it to make new effects, they create a proliferation of classes and Read the rest...
Wednesday, November 1st, 2006
Category: Prototype
, Showcase
Gregory Fortin replaced his usual Flash effects and dove into Prototype and Script.aculo.us to create F.Prod, his site that looks like a business card.
Friday, October 27th, 2006
Category: PHP
, Prototype
Projax is a port of the Rails helpers that wrap the JavaScript required for Prototype and Script.aculo.us code from Ruby, to PHP classes. Getting Started PLAIN TEXT PHP: $projax = new Projax(); Please enter your year of birth : <?=$projax->text_field_with_auto_complete('dob',null,array('url'=>'index.php?task=ajax'));?> for($i=1900;$i<2006;$i++)$ret_val.=(strstr($i,$_POST['dob']))?'<li>'.$i.'</li>':''; echo '<ul>'.$ret_val.'</ul>'; The User Guide details the available functions: JavaScript Read the rest...
Thursday, October 26th, 2006
Category: Component
, Prototype
Gabriel Lanzani has created a Script.aculo.us Select Box component that is meant to replace <select> with visual effects, a skinnable look, and autocomplete support. PLAIN TEXT JAVASCRIPT: new Ajax.SelectBox(id_of_text_field, id_of_div_to_populate, url, id_of_result_value, options); I would stay away from gratuitous use myself, but there are some usecases where it could come in handy.
3.1 rating from 118 votes
Friday, October 20th, 2006
Category: JavaScript
, Library
, Prototype
JavaScript Tooltip libraries number about as many as rounded CSS corner libraries. Jonathan Weiss thought the ones he saw were "too complicated and bloated, did just too much and most of the time were still not flexible enough with the tooltip. So I decided to create my own library that is based on prototype.js". It Read the rest...
3.9 rating from 287 votes
Sunday, October 15th, 2006
Category: Prototype
Claudio Cicali thinks benchmarks are boring and useless, so he decided to conduct a series of micro-benchmarks of CSS selector tests with both Prototype and jQuery. He decided to do this after he saw others observe: Prototype (1.5+) has CSS selector syntax now "jQuery is horribly SLOW" Some Examples PLAIN TEXT JAVASCRIPT: Add event Read the rest...
Tuesday, October 10th, 2006
Category: Prototype
, Unobtrusive JS
Ryan Lowe has written up a piece on Unobtrusive Markup with Prototype. His example pieces together Prototype and onDOMReady Extension from Vivabit to keep your markup clean by having extra markup added by the framework. The example takes a rounded corner example such as: PLAIN TEXT HTML: <div class="old_corners"> <div class="cornert"><div></div></div> blah blah blah Read the rest...
Thursday, September 21st, 2006
Category: Examples
, Prototype
Mike Arace has written up a simple CSS Crossfading example, demonstrated here. The post details the HTML, CSS, and JavaScript required: PLAIN TEXT JAVASCRIPT: // this array consists of the id attributes of the divs we wish to alternate between var divs_to_fade = new Array('box-1', 'box-2', 'box-3'); Read the rest...
3.7 rating from 110 votes