Activate your free membership today | Log-in

JavaScript


Monday, December 22nd, 2008

jQuery Gestures

Category: JavaScript, jQuery, Library

Adrien Friggeri has taken the music player ui and spent some time to create a really nice gestures library that allows you to add mouse gestures to a web page, supports complex (i.e. sequences of) gestures and provides visual feedback through the use of a canvas element. Example code looks like this: PLAIN TEXT JAVASCRIPT: Read the rest...

Posted by Dion Almaer at 8:28 am
10 Comments

++++-
4 rating from 34 votes

mimeparse: now in JavaScript

Category: JavaScript

PLAIN TEXT JAVASCRIPT:   Mimeparse.bestMatch(['application/xbel+xml', 'text/xml'], 'text/*;q=0.5,*/*; q=0.1');   The above code is from a JavaScript port of Joe Gregorio's mimeparse library that "provides basic functions for handling mime-types. It can handle matching mime-types against a list of media-ranges. See section 14.1 of the HTTP specification RFC 2616 for a complete explanation." Using it you Read the rest...

Posted by Dion Almaer at 5:18 am
2 Comments

+----
1.8 rating from 4 votes

Friday, December 19th, 2008

DWR 3.0 near final release with RC

Category: Java, JavaScript, Library

Joe Walker and team have announced the first RC for DWR 3.0. We asked Joe to tell us what is new: DWR now supports: varargs method overloading typed parameters binary file upload/download it has a set of new types it can marshall DWR will let you use JavaScript to implement Java interfaces (e.g. to register Read the rest...

Posted by Dion Almaer at 6:02 am
Comment here

++++-
4.5 rating from 17 votes

DLINK: automatic link annotation

Category: JavaScript, Showcase

David King has created a small JavaScript library dlink that styles your links to let the user know if the link is internal, external, a subdomain, an anchor on the same page, or an email link. To setup, you can simply: PLAIN TEXT HTML:   <script type="text/javascript" src="http://oopstudios.com/dlink/dlink.js"></script>   <!-- use class=dlink --> <div class="dlink"> Read the rest...

Posted by Dion Almaer at 12:01 am
8 Comments

++++-
4.5 rating from 36 votes

Thursday, December 18th, 2008

Pixastic: JavaScript Image Manipulation Library

Category: Canvas, JavaScript

Pixastic uses <canvas>'s ability to expose raw pixel information to perform Photoshop-style image manipulation effects all in your standards-based browser. For an example of Pixastic in action, the library's authors have built a cute little Photoshop clone in a browser: Here's an example of using the underlying API: PLAIN TEXT JAVASCRIPT:   var img = Read the rest...

Posted by Ben Galbraith at 11:57 am
8 Comments

++++-
4 rating from 26 votes

Wednesday, December 17th, 2008

OilCan: Grease up your Android browser

Category: Java, JavaScript, Mobile

Jeffrey Sharkey has created OilCan a thin wrapper on top of the WebKit shipping on Android that allows you to install userscripts that allow you to access to Android "Intents". Intents are very nice abstractions that allow you to access large components and reuse them in different ways. Romain Guy has a nice post on Read the rest...

Posted by Dion Almaer at 6:13 am
2 Comments

++++-
4 rating from 5 votes

Tuesday, December 16th, 2008

Census 2: Benchmarking RIAs Rebooted

Category: JavaScript

Alex Russell decided to rewrite and create Census 2 to act as a new benchmark for various RIA techniques. This is based on the the original Census benchmark done by James Ward of Adobe. There are several goals of this re-write: Fairness. Tests need to be run multiple times for them to be representative in Read the rest...

Posted by Dion Almaer at 2:00 pm
Comment here

+++--
3.9 rating from 11 votes

Interfaces in JavaScript

Category: Java, JavaScript

The UML diagram above is from Matt Prokes as he creates Java-like interfaces for JavaScript. He has a full example: An example of an object which requires an implementation of the interface. PLAIN TEXT JAVASCRIPT:   //This code is valid, and the execution will be successful. function executeInterface1(executeThis){   var castedIface = executeThis.cast('TestInterface');   castedIface.testMethod1(1,2,3); Read the rest...

Posted by Dion Almaer at 12:51 pm
9 Comments

++---
2 rating from 22 votes

Monday, December 15th, 2008

PNG support in IE6 that reclaims background repetition and position

Category: JavaScript, Library

Drew Diller has created a helper library in the "yup, you still have to get things working in IE 6" department. DD_belatedPNG adds PNG support to IE6 that works with background-repeat and background-position. You just do this: PLAIN TEXT HTML:   <!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script>     DD_belatedPNG.fix('.png_bg'); /* EXAMPLE */     Read the rest...

Posted by Dion Almaer at 7:24 am
6 Comments

++++-
4.4 rating from 32 votes

Friday, December 12th, 2008

YQL – converting the web to JSON with mock SQL

Category: JavaScript, JSON

I like getting data from the web and I love JSON - as it is easy to use. The issue is that not many things on the web come as JSON from the get-go. Hence we need converters. You can use cURL and beautiful soup or roll your own hell of regular expressions. Alternatively you Read the rest...

Posted by Chris Heilmann at 4:20 pm
15 Comments

++++-
4.5 rating from 47 votes

Cappuccino 0.6 Released

Category: Apple, Framework, JavaScript

The Cappucinno team has a new release, 0.6 that include: New language addition to Objective-J: The @accessors keyword to eliminate the boiler plate code of writing setters and getters. Read more about it here. Support for more classes like CPTimer. Performance improvements all around, but especially in Objective-J thanks to a major rewrite of the Read the rest...

Posted by Dion Almaer at 7:06 am
Comment here

+++--
3.5 rating from 19 votes

More JavaScript Inheritance; Prototypes vs. Closures

Category: Examples, JavaScript

Steffen Rusitschka has a nice detailed post on inheritance with JavaScript, different ways you can go, and side effects of the decision. From, PLAIN TEXT JAVASCRIPT:   var A = function(){}; // This is the constructor of "A" A.prototype.value = 1; A.prototype.test = function() { alert(this.value); } var a = new A(); // create an Read the rest...

Posted by Dion Almaer at 4:05 am
10 Comments

++---
2.3 rating from 22 votes

Tuesday, December 9th, 2008

You Leaked on my JavaScript!

Category: JavaScript

As soon as I read John's post on JavaScript Language Abstractions I knew that it would draw a lot of chatter and fuzz. John started with: Pyjamas, GWT, and Objective-J all hinge around a central concept: Abstracting away the authoring of JavaScript-heavy web applications by allowing the developer to program entirely in their natively language Read the rest...

Posted by Dion Almaer at 7:26 am
60 Comments

++++-
4.2 rating from 22 votes

Monday, December 8th, 2008

Massively parallel crowd sourced JavaScript app server; SETI for JS

Category: JavaScript, Server

Malte Ubl is having a lot of fun here :) He has created a "massively parallel crowd-sourced JavaScript app server cloud" a.k.a. SETI for running JavaScript code. This is how it works: When a user makes a request to the site ...the request is handled by a Google App Engine application ...that puts the request Read the rest...

Posted by Dion Almaer at 5:56 am
3 Comments

++++-
4.5 rating from 13 votes

Thursday, December 4th, 2008

CanvasTurtle

Category: Canvas, JavaScript

Eiten Suez, author of jMatter, has been up to some fun hacking recently. He just released CanvasTurtle a JavaScript and Canvas version of the old favourite TurtlePascal. You can build snow flakes with code like this: PLAIN TEXT JAVASCRIPT:   function side(size, level) {     if (level==0) {         fd(size);   Read the rest...

Posted by Dion Almaer at 6:15 am
3 Comments

+++--
3.9 rating from 16 votes

Wednesday, December 3rd, 2008

Decoupling data and UI layers with PubSub architecture

Category: JavaScript

Marcus Westin (who we featured on finger print) gave a talk at the SF JavaScript meetup on a top that is very interesting: One common issue in my experience are intricate dependencies between the UI and data models. Decoupling these is a huge benefit with respect to maintainability. The PubSub model is a great way Read the rest...

Posted by Dion Almaer at 6:18 am
9 Comments

++---
2.3 rating from 15 votes