Examples


Monday, April 21st, 2008

JSONVid: Pure JavaScript Video Player

Category: Examples, JavaScript, JSON, Library

Jacob Seidelin went on a ( crazy :) ) mission to create a pure JavaScript video player that didn’t use Flash: My first thought was to read binary video files using a technique like the Andy Na posted about here, figuring that there must be some really simple to parse video formats around, but I Read the rest…

Posted by Dion Almaer at 9:15 am
11 Comments

+++--
3.6 rating from 84 votes

Tuesday, April 1st, 2008

Fun with SVG and CSS Animations

Category: CSS, Examples, SVG

Torrey Rice took Safari 3.1 and the new CSS Animations feature, and mashed it up with SVG to create a fisheye demo. All the functionality through CSS: < View plain text > css .dock img {    width:50px;    padding:10px;    float:left;    position:relative;    display:block;    -webkit-transition:width 0.5s ease-out, top 0.2s ease-out; }   Read the rest…

Posted by Dion Almaer at 7:45 am
3 Comments

-----
-2.7777777777778E+16 rating from 36 votes

Thursday, March 20th, 2008

Multiple File Uploads with Aptana Jaxer

Category: Aptana, Examples, JavaScript

Dealing with file uploads can be a test of a Web framework. I personally long for the input type=”file” to be improved with items such as multiple=”true” for multiselection, let alone showing the status of the upload (20% complete). The Jaxer folks have posted on Easy File Uploading using Aptana Jaxer which shows how you Read the rest…

Posted by Dion Almaer at 5:52 am
4 Comments

+++--
3.8 rating from 22 votes

Tuesday, February 19th, 2008

Jack is back: Ext for Air and Vista

Category: Examples, Sencha

Jack had posted a couple of entries back to back in the world of Ext. First, he has been playing with Air again, and quickly wrapped the Ext 2.0 docs in Air, which would have been helpful when I was hacking the Ext toy on the plane: Second, he has been playing with Vista gadgets Read the rest…

Posted by Dion Almaer at 5:27 am
2 Comments

++++-
4.4 rating from 51 votes

Wednesday, February 13th, 2008

Is easy implementation the same as good code?

Category: Accessibility, Examples, JavaScript, Security, Unobtrusive JS

I’ve just come across a solution for badges on web sites that makes it terribly easy for implementers. The idea is that the implementer could add a badge wherever they want in an HTML document, choose the look and feel and add a message to be shown. The implementation code is the following: < View Read the rest…

Posted by Chris Heilmann at 7:45 am
12 Comments

+++--
3.2 rating from 26 votes

Thursday, February 7th, 2008

Django Template Language in JavaScript

Category: Dojo, Examples, JavaScript

I am learning at lot at the Dojo Developers Day one. Whenever I met Dojo folks I get the impression that there are 55 gems in the library that I have no idea about! One of them is Neil Roberts implementation of the Django template language in JavaScript. His work lives in dojox.dtl and you Read the rest…

Posted by Dion Almaer at 2:47 pm
10 Comments

++++-
4 rating from 33 votes

Monday, January 28th, 2008

Less maintenance code tutorials with Ajax Code Display

Category: Examples, HTML, JavaScript, jQuery, Unobtrusive JS

One of my main annoyances with writing code tutorials is that you need to maintain code in several locations: the code itself and the examples in the tutorial document. This is not really a problem when you can use a scripting language or print out the tutorials from a CMS, but when you just want Read the rest…

Posted by Chris Heilmann at 11:18 am
6 Comments

++++-
4.2 rating from 25 votes

Wednesday, January 23rd, 2008

Ext Scaffold Generator Plugin for Rails

Category: Examples, Rails, Ruby, Sencha

Martin Rehfeld has released a Rails plugin that generates Ext JS scaffolds The Ext Scaffold Generator Plugin provides a custom MIME type alias :ext_json to be able to handle requests from the Ext frontend separately. The generated controllers show how to do this. To make data delivery to the Ext frontend easy, the plugin extends Read the rest…

Posted by Dion Almaer at 6:54 am
3 Comments

+++--
3.8 rating from 36 votes

Wednesday, January 2nd, 2008

Cool and useful GWT Solutions

Category: Examples, GWT

David Geary and Rob Gordon have launched a companion Website to their book on GWT. The website uses GWT itself of course, and the most interesting section is the example code that they have made available: This stack panel contains some examples from GWT Solutions. These examples showcase the power of GWT. Short of implementing Read the rest…

Posted by Dion Almaer at 6:46 am
Comment here

++---
2.8 rating from 35 votes

Friday, November 9th, 2007

Pseudo-custom events in Prototype 1.6

Category: Articles, Examples, JavaScript, Prototype

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 Read the rest…

Posted by Dion Almaer at 11:35 am
2 Comments

++++-
4 rating from 48 votes

Wednesday, October 31st, 2007

Transitioning from Java Classes to JavaScript Prototypes

Category: Articles, Examples, JavaScript

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 Read the rest…

Posted by Dion Almaer at 8:40 am
1 Comment

+++--
3.2 rating from 22 votes

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

Category: Examples, jQuery

Ben Nadel has created a new jQuery plugin that allows you to have fun with sliding image puzzles by simple calling: < View plain text > javascript $( "div.puzzle, p" ).puzzle( 100 ); Ben walks you through how it all works and you can check out the action yourself.

Posted by Dion Almaer at 5:31 am
1 Comment

+++--
3.5 rating from 47 votes

Thursday, October 25th, 2007

Upgrading to Prototype 1.6: A practical example, RadiantCMS

Category: Examples, Prototype

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: < View plain Read the rest…

Posted by Dion Almaer at 8:12 am
Comment here

+++--
3.8 rating from 38 votes

Wednesday, October 24th, 2007

Preventing spam with drag and drop

Category: Examples, JavaScript, Library

I just saw a fun little solution to spam prevention that will truly annoy your users. The drop comment solution uses jQuery and its drag and drop support to require that you move your comment over to the drop zone before the comment is saved. I also recently talked about how Passpack lets you click Read the rest…

Posted by Dion Almaer at 8:52 am
35 Comments

++---
2.9 rating from 56 votes

Friday, October 19th, 2007

Blog.gears: An offline Blogger client using the new GData Blogger JavaScript Client

Category: Examples, Gears, Google, JavaScript, Screencast, Showcase

I was excited when Google announced their first JavaScript API that allows you to write back to a service. Now, they have released a Blogger client that does the same, which means that you can now manipulate your blog posts directly from JavaScript. Along with the release there are a few examples such as: A Read the rest…

Posted by Dion Almaer at 5:37 pm
2 Comments

++++-
4 rating from 24 votes

Wednesday, October 10th, 2007

The JavaScript Hyperbolic Browser

Category: Canvas, Examples, JavaScript

Nicolas Garcia Belmonte has created a JavaScript Hyperbolic Browser. What the frick is a Hyperbolic tree? A Hyperbolic Tree (HT) is a “focus+context” information visualization technique used to display large amount of inter-related data. This technique was originally developed (and patented) at Xerox PARC. Check out a real example, using Pearl Jam as a starting Read the rest…

Posted by Dion Almaer at 8:40 am
15 Comments

+++--
3.4 rating from 29 votes