Examples


Wednesday, January 31st, 2007

Sound with JavaScript but not Flash

Category: Articles, Examples, Sound

Reinier Zwitserloot wanted to see if he could add sound support without embedding a Flash bridge, and shared his research in his article on Sound in Web Browsers without Flash. Check out his test page for a Sound Check An example API < View plain text > javascript function sound2Play() {         Read the rest…

Posted by Dion Almaer at 2:55 pm
17 Comments

+++--
3.9 rating from 59 votes

Friday, January 19th, 2007

Prototype 1.5, now with Documentation

Category: Examples, JavaScript, Library, Prototype

It is documentation Friday. The new site prototypejs.org has launched, and the call for documentation help rang through to some people. This new documentation includes: Tips and Tutorials (e.g. Ajax, Extending the DOM) API Reference Blog There is still room for a lot more help, so join in.

Posted by Dion Almaer at 8:54 am
17 Comments

+++--
3.3 rating from 85 votes

Wednesday, January 17th, 2007

Stock Quote Charting in Real Time with Comet

Category: Comet, Dojo, Examples, JavaScript, Library

SitePen and Lightstreamer have been working together to create a project that integrates Dojo’s Charting and Filtering Table widgets with Lightstreamer’s Comet server. The demo shows real-time stock lists that stream through and are charted below. The full source code for the demo is also provided. Some people think that Comet isn’t as easy as Read the rest…

Posted by Dion Almaer at 12:01 am
16 Comments

+++--
3.9 rating from 65 votes

Friday, December 1st, 2006

Send Me a Pic

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…

Posted by Dion Almaer at 12:26 am
3 Comments

+++--
3.4 rating from 34 votes

Tuesday, November 28th, 2006

YUI Resizable Component

Category: Examples, Sencha, Yahoo!

Jack Slocum keeps ’em coming with his detailed post on a reusable component for resizing elements. Jack’s YAHOO.ext.Resizable component does what it says on the tin, and he shows you: Basic Resizable div Wrapped elements (e.g. text area inside) Preserve Ration (e.g. image resizing) Transparent Handles Customizable Handles Snapping to increments Animated Transitions < View Read the rest…

Posted by Dion Almaer at 7:38 am
6 Comments

++++-
4.1 rating from 59 votes

Monday, November 27th, 2006

Mootools Primer

Category: Examples

Aaron Newton has posted a Mootools Primer / Tutorial that includes “a how-to tutorial on the Mootools library. Most of the code examples will allow you execute them by clicking on the “execute this code” link above the example. Clicking this will echo out the code and the result in the Firebug debugging plugin for Read the rest…

Posted by Dion Almaer at 9:58 am
7 Comments

+++--
3.5 rating from 36 votes

Thursday, November 9th, 2006

Endless Pageless: Keep scrolling for more content

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…

Posted by Dion Almaer at 9:13 am
20 Comments

+++--
3.6 rating from 65 votes

Thursday, October 12th, 2006

Mootools Accordian Tutorial

Category: Examples, JavaScript, Library

Isn’t it fun to see students doing projects with Ajax? Jonathan Molina just finished his final project which was to: use a framework and show it being used as well as giving an example of how it can be used in a real life scenario. I used Mootools for the frameworks just because it looks Read the rest…

Posted by Dion Almaer at 12:11 pm
10 Comments

+++--
3.6 rating from 69 votes

Thursday, September 21st, 2006

CSS Crossfading Example

Category: Examples, Prototype

Mike Arace has written up a simple CSS Crossfading example, demonstrated here. The post details the HTML, CSS, and JavaScript required: < View 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…

Posted by Dion Almaer at 9:36 am
16 Comments

+++--
3.7 rating from 115 votes

Tuesday, September 19th, 2006

Collaborative Comet Applications

Category: Examples

Diego Gomez Deck has put together a couple of demos showing how to use Comet to create a new type of collaborative applications. There are detailed spanish writeups here and here. There is some english information here You can check out screencasts of the two demos: Social Shopping Collaborative Spreadsheet

Posted by Dion Almaer at 10:26 am
1 Comment

+++--
3.6 rating from 34 votes

Thursday, September 14th, 2006

JavaScript Closures for Dummies

Category: Articles, Examples, JavaScript

Morris Johns has gone though and written a detailed explanation of closures by example: If everything seems completely unclear then the best thing to do is to play with t e examples. Reading an explanation is much harder than understanding example My explanations of closures and stack-frames etc are not technically correct – they are Read the rest…

Posted by Dion Almaer at 8:46 am
7 Comments

++++-
4.1 rating from 32 votes

Tuesday, September 5th, 2006

YUI Ajax Feed Reader

Category: Examples, Sencha, Yahoo!

Jack Slocum has written a sample application using the new Grid Component from the Yahoo! UI library: The JS documentation for the new Grid component contains alot of classes and alot of inherited methods. For someone who is not very advanced with object-oriented development, it may seem complex or difficult to trace the various inherited Read the rest…

Posted by Dion Almaer at 8:55 am
4 Comments

++++-
4 rating from 38 votes

Monday, September 4th, 2006

Dojo’s Deferred API

Category: Dojo, Examples, JavaScript

Brian McCallister has written more about Dojo Deferred and DFS in which he talks about the new Dojo Deferred class based on MochiKits and Twisteds. < View plain text > javascript var d = new dojo.Deferred();   // register callback   d.addCallback(function(name) {     log.debug("name: " + name) });     // supply data Read the rest…

Posted by Dion Almaer at 1:57 pm
2 Comments

+++--
3.4 rating from 26 votes

Monday, August 28th, 2006

Creating a new Dojo Widget

Category: Articles, Dojo, Examples

Alexander Netkachev has written an article to cover creating a new dojo widget: This tutorial demonstrates how to create a Dojo widget that displays a list of items. The widget implements paging and fetches data from the server using ajax request. The article defines the view (DataList.html) the css (DataList.css) and the JavaScript (DataList.js). The Read the rest…

Posted by Dion Almaer at 11:11 am
1 Comment

+++--
3.9 rating from 26 votes

Friday, August 18th, 2006

5 Real World Ajax Examples

Category: Editorial, Examples

In this new post from seomoz.org today, there’s a list of “5 real world examples” of Ajax usage out there on the internet today. Recently AJAX has come to the forefront as the next “buzzword complaint” thing on the internet. Sometimes it seems that in order to be taken seriously, your site has to have Read the rest…

Posted by Chris Cornutt at 7:30 am
10 Comments

+++--
3.7 rating from 155 votes

Wednesday, August 16th, 2006

How to Profile and Optimize Ajax Applications

Category: Examples, Tip

So, you’re using Ajax in your application. Great. It’s chugging happily along, working well, doing it’s job, but you have this nagging feeling that you’ve forgotten something along the way. So, you wait and see if it comes up – and it does. In a bad way. Your application isn’t written for performance and things Read the rest…

Posted by Chris Cornutt at 8:08 am
3 Comments

+++--
3.6 rating from 24 votes