Loyal Prototype user (and Scripteka maintainer) kangax has released a Prototype cheat sheet in coordination with our recent 1.6.0.2 release.

If in the past you’ve relied on Jonathan Snook’s cheat sheets for previous versions of Prototype, now …

learn how to create sweet javascript effects. this is very basic - if you know anything about html you can do this. im going to break it down for ya’ll real slow like.

Sam and the team have released Prototype 1.6.0.2 (and 1.5.1.2):

Prototype 1.6.0.2 is a backwards-compatible, drop-in replacement recommended for all 1.6.0 users. We’ve fixed 28 bugs and made over a dozen improvements to the code base, including performance improvements for CSS selectors in Safari 3 and for the Element#up/#down/#next/#previous and Event#findElement methods in all browsers. We’re also now …

Today we’re releasing Prototype 1.6.0.2 to address several compatibility and performance issues and to protect against a potential security issue for developers using Prototype outside of a web browser environment.
Prototype 1.6.0.2 is a backwards-compatible, drop-in replacement recommended for all 1.6.0 users. We’ve fixed 28 bugs and made over a dozen improvements to the code base, including performance improvements …

How can you not post something called Sexy JavaScript?
PLAIN TEXT
JAVASCRIPT:

// Sexy JavaScript

// runs assertNotNull(iframeElement) in IE, otherwise assertNull(iframeElement)

// taken from test code for http://yura.thinkweb2.com/scripting/contextMenu/

testShimExists: function() { with(this) {

  this[Prototype.Browser.IE ? ‘assertNotNull’ : ‘assertNull’](iframeElement);

}},

A personal collection of the best scripts/hacks for three of the top Javascript libraries. Enjoy.

Augmenting the String.prototype that provides with most needed and missing functionality: word capitalization, stripping characters (alpha, numbers, etc…), stripping tags (script, or all html tags), and trimming white spaces.

Some times we need to trim a string from white space at the front and end,even all in the string.How can we do that elegantly?Add the following string prototype function to your code. You will call it like predefined String member functions like Substring(),charAt() and indexOf().The code below shows the function declaration and how to use it.

Amaltas Bohra has created a drawing/editing tool that allows you to create simple shapes and pictures.
The application uses SVG to do its work, and Prototype to handle the Ajaxyness.

A good breif intro into prototype from a novice who’s learnt themselves.

John Resig has a couple of interesting posts on Acid 3 and memory leaks.
Firstly, with Acid 3 hopefully around the corner (but not yet ready!), John takes a look at the JavaScript side of the equation:

Array Elisions - Making sure that stuff like [,,] doesn’t have a length and [0,,1] has a length of 3.
Array Methods - Doing …

Over in Gears land I met with Chandra Patni, the creator of happyhour:

Open Social Happy Hour is a port of Open Social Container Sample that employs Google Gears for persistence. It allows data coherency of open social widgets across browser windows.

As I said on the Gears blog:

The motivation for the project was speeding up the development cycle of …

Buxfer is another personal finance site, a la Mint.
Todd Ritter reports:

Buxfer has a few interesting features that differentiate it from the others. While it offers auto-syncing of transaction information with your banks and credit cards, budgeting, and expense analysis, Buxfer also has three key characteristics:

Shared Finances - Buxfer allows you to create groups and assign specific finances …

One of my students, Duane Johnson, asked me this morning if I’d heard of the IO programming language. I hadn’t. Looking around, it looks like a fun little language. IO is a pure object oriented programming language with a simple syntax. IO is a prototype-based OO language. Consequently, Javascript programmers will find the sample code familiar.

I want to introduce you a new web project named Daniele Florio, Photographic Portfolio. I’ve used just javascript libraries like Prototype, Scriptaculous, Prototip, AHAH

I think using prototypes is powerful enough to deserve a more detailed explanation. Prototypes allow you to easily define methods to all instances of a particular object. The beauty is that the method is applied to the prototype, so it is only stored in the memory once, but every instance of the object has access to it.

This is a bugfix release that bumps script.aculo.us to version 1.8.1.

Mainly, this release contains some important bug fixes and optimizations in Prototype, fixes cursor keys in autocompleting text fields for
…

In the world of client-side development, page size definitely matters and John-David Dalton is doing his best to improve this. Awhile back, he took on the task of trying to determine how to best optimize the 120k+ Prototype and Script.aculo.us libraries and get the best compression out of the files. He’s done an absolutely fabulous job in the past and …

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

With Microsoft Volta there has been a lot of comparison to GWT, especially as Eric M said that it will “blow GWT out of the water”. There are some features that I am very interested in wrt Volta, namely:

Any CLR language (e.g. IronRuby The ability to run on the client or the server:

As an example, let’s say …

John Resig has posted on simple class instantiation, which delves into the nasty little bug that people can run into:
PLAIN TEXT
JAVASCRIPT:

var foo = User(…); // forgot to use the "new" operator

The magic “new” changes the scoping, allowing “this” to do the right thing. John walks through an example, and then makes a generic solution:
PLAIN TEXT
JAVASCRIPT:

// …

NASA celebrates its 50th anniversary with a new web site powered by Prototype and script.aculo.us. The new site’s features include a calendar, image gallery, redesigned navigation, and fancy transitions and effects. Congratulations to NASA and the team at Critical Mass on a job well done.
…

Nice description of the Prototype JavaScript library with examples. It demonstrates some of the effects possible and demonstrates how simple they are to get going. I got them all to work except for ’slide’. The discussion was concise, clearly written and to me hit the spot. I look forward to something on scriptaculous windows.

NASA has relaunched their site tonight as NASA 5.0, in celebration of their 50th anniversary next year. It is the beginning of many web 2.0 features to come for NASA.
Sep Seyedi told us that “of interest to you is the fact that the new interface fully uses the script.aculo.us and prototype Javascript frameworks for its implementation. It was …

Thomas Fuchs is back in the consulting game and his new site gives us another glimpse of Script.aculo.us 2.0 abilities.
The photo zooming?
PLAIN TEXT
JAVASCRIPT:

Effect.PhotoZoom = Class.create(Effect.Element, {

  setup: function() {

    var currentHeight = $(’text’).getHeight();     

    var newHTML = this.element.next(’div.text’).innerHTML;

    var left =  Thomas.photos.indexOf(this.element)*120 + 90;

    var color = $w(’ffa ffa …

Scal is a a simple Javascript calendar based on Prototype which features:

Scal is a a simple Javascript calendar based on Prototype which features:

Lightweight
Fast and easy to setup
Multiple Calendars can be initiated without conflict
Valid HTML/XHTML generated code
Skinnable
Language translation supported
Event Planner

To use, you simply tell it the div and callback that you want:
PLAIN TEXT
JAVASCRIPT:

var samplecal = new scal(’samplecal’, ’scalupdate’);

The default look and feel isn’t quite up to Ext standards, but …

Link ot a couple of nice articles about Prototype programming best practices.

With the release of Prototype 1.6, and Scriptaculous 1.8, it’s remarkable what you can do with so little Javascript. And it’s _way_ more stable than the last major version!

Andrew Dupont has written a tutorial on how to normalize proprietary browser events using Prototype’s new custom events feature.
The piece is interesting as it talks about how the Prototype core team originally went down the wrong path trying to boil the ocean with great features that were a bit too much. And then:

we refocused, trimmed the fat, and added …

With all of the news about Prototype this week, it’s time to do a quick check to see if you, the Prototype developer, actually know your stuff.
Juiry Zaytsev takes us through a comparison of the right & wrong ways of doing certain tasks in Prototype:
I’ve been developing with prototype for almost a year now and …

This is the final version of script.aculo.us 1.8, which comes with Prototype 1.6.0 final.

The included final 1.6.0 version of Prototype brings the latest and greatest awesome new features — be sure to check it out on the …

Hot on the heels of the triple-threat Prototype news blast from yesterday comes more big news. Juriy Zaytsev & Maxim Chernyak officially launched Scripteka.com, the Prototype extensions repository and library. The intention is to provide a central place to organize plugins for the Prototype community.
With Scripteka you can:

View an extensive library of useful (or useless) prototype based …

Three announcements in one, the final versions of Prototype 1.6.0, script.aculo.us 1.8.0 are now available in addition to the Prototype & script.aculo.us book by Christophe Porteneuve. The latest Prototype 1.6.0 got a lot of API changes that you should be familiar if you worked with the RC0 and RC1, and in total there …

This is a big day for Protoscript friends. The triple release. The big one. This post is a long one two as it discusses:

Prototype 1.6 Released
Script.aculo.us 1.8 Released
“Prototype and script.aculo.us: You never knew JavaScript could do this!” book released, and we have a great review by Stu Halloway

Prototype 1.6
They cleaned up, and 1.6 is a really …

The final versions of Prototype 1.6.0, script.aculo.us 1.8.0, and the Prototype & script.aculo.us book are now available. Prototype 1.6.0 is the most significant update to the framework since its inception over two years ago. We’re very excited about the changes in this release, and what better way to celebrate than with an update to script.aculo.us and a book …

Noupe offers web designers 13 awesome Javascript CSS menus that will be very handy and easy to modify using mootools, jQuery & Script.aculo.us

To class or not to class, that has been a question than many developers have faced as they came from class based OO worlds into the Prototype Oriented world of JavaScript. Much pain has endured for those that try to contort it.
Peter Michaux has detailed transitioning from Java Classes to JavaScript prototypes by looking at the Observer/Observable pattern and …

Prototype function is a part of scripting language commonly used is EcmaScript i.e. JavaScript and Flash Action Script programming. It allows you to override the existing functionality of the objects methods and also allows you to add new methods to the existing in-build JavaScript Objects.

Using the Prototype JavaScript Framework to charge your AJAX applications.

The image transition manager is a javascript library based on scriptaculous and prototype. It supports several image transitions, such as fading, appearing, sliding, growing and shrinking. Because it uses the unobtrusive javascript technique, no inline javascript is needed and hyperlinks still function when javascript is disabled.

Remy Sharp has gone through the jQuery and Prototype frameworks, which are probably the two closest to each other, and has done a side by side comparison of the frameworks by showing you how similar things work on both.
The presentation looks into the utility functions, selectors, DOM manipulation, DOM walking, events, Ajax transport, and browser detection.

…

Dead-simple, non-intrusive “Javascript-on-demand” packaging convention which helps developers and the internet community rapidly develop and prototype applications without the headache of figuring out the witches’ brew of files that need to be copied, included, etc.

Mislav Marohnić has taken RadiantCMS and upgraded the Ajax pieces to Prototype 1.6.
He has all of the changes in one place and has detailed all of the changes he made. This is a great way to learn about what is new in Prototype 1.6. Here are a few of the before/afters:
PLAIN TEXT
JAVASCRIPT:

// before:

this.tab_container = document.getElementsByClassName(’tabs’, …

Prototype.js has recently been released in version 1.6. Along with scriptaculous, it may be used to make some pretty cool dynamic interfaces. This is a concept of a JavaScript windowing system in which you can interact with windows not unlike on your desktop.

Prototype core developer Mislav Marohnić recently patched the open-source CMS Radiant to take advantage of the many code-saving features in Prototype 1.6.0, and he’s written an informative description of the process on his new blog, No Strings Attached. Mislav’s writeup covers the migration from Prototype 1.5.0 to 1.6.0, with examples of how to use the improved DOM …

Scriptaculous is one of many great new JavaScript libraries created to answer the call for well written ‘Web 2.0′ JavaScript libraries.

When adding this tiny javascript to the onkeyup event of your inputbox, the border will turn green when the email address. It uses scriptaculous’ morph function to perform this transformation.

The new RC version of one of the most popular javascript libraries nowadays is on the wild. Most of the changes include bug fixes from the previous version, but there’s also some great news. The Class API has changed a lot and now offers some great new stuff to create classes and subclasses. The class inheritance has also improved, which …

Sam Stephenson has announced Prototype 1.6.0 RC1 which has “fixed a handful of bugs and made some changes to the Class and Event APIs in response to your feedback. We’ve also addressed a long-standing issue with the Hash class.”
For example, they show how they changed from:
PLAIN TEXT
JAVASCRIPT:

var Foo = Class.create();

Class.extend(Foo, { /* instance methods */ });

to:…