JavaScript


Wednesday, January 23rd, 2008

New Twist on Date Pickers

Category: JavaScript, Prototype, Scriptaculous

We’ve all seen variations on date selection components such as Marc Grabanski’s UI DatePicker and the very unique DateJS library. So it’s refreshing to see new ideas cropping up in this space. Geoffrey McGill, developer of the DateJS library, pointed me to a new date select control that uses a slider bar for choosing dates: Read the rest…

Posted by Rey Bango at 6:30 am
9 Comments

+++--
3.8 rating from 46 votes

Tuesday, January 22nd, 2008

Aptana releases Jaxer, Ajax server built on Mozilla

Category: Ajax, Aptana, JavaScript, Library, Screencast, Server

Aptana has been known for its Eclipse based Ajax IDE Aptana Studio. Paul Colton, CEO, has impressed us at The Ajax Experience as he has shown of Studio, and how Aptana is fast to adapt and come out with support for iPhone development, Adobe AIR, and more. But today Aptana is breaking out of the Read the rest…

Posted by Dion Almaer at 3:00 pm
24 Comments

++++-
4 rating from 63 votes

jQuery ScrollTo Plugin

Category: JavaScript, jQuery

Ariel Flesler has a nice little jQuery plugin, ScrollTo, that lets you scroll with many configuration options: Axes to be scrolled, ‘x’, ‘y’, ‘xy’ or ‘yx’. Animation length (or by default, no animation) Easing method Whether to take in account, the margin of the target element If both axes are chosen, whether to animate together, Read the rest…

Posted by Dion Almaer at 6:15 am
3 Comments

+++--
3.8 rating from 81 votes

Monday, January 21st, 2008

ExtTLD: Create Ext components with XML

Category: Java, JavaScript, Sencha

Jaroslav Benc has created ExtTLD, a JSP taglib generator that creates Ext JS components from your Java projects, using XML syntax: Roadmap Hibernate integration – HibernateStore component DWR integration etc. Eclipse plugin UX Tags: Ext.ux.*, Ext.portal.*, Ext.feedreader.*, Ext.desktop.* How ExtTLD works with ExtJS ExtTLD is using a constructor definition to generate ExtJS code. Every component Read the rest…

Posted by Dion Almaer at 8:12 am
14 Comments

++++-
4 rating from 67 votes

Effect.wobble and Effect.illuminate: iPhone effects in the browser

Category: JavaScript, Library

Rakuto Furutani has taken inspiration from the iPhone (who hasn’t at this point?) and implemented Effect.wobble and Effect.illuminate to mimic the effects on the iPhone: < View plain text > javascript // Effect.wobble $(‘img.wobble’).each(function(img) { img.observe(‘mouseover’, function(event) { event.target.wobble({duration: 2, degree: 1.5}) }); });   // Effect.illuminate $(‘illuminated_msg’).illuminate({color: ‘#fff’}); You thought those effects were annoying Read the rest…

Posted by Dion Almaer at 6:37 am
3 Comments

++---
2 rating from 46 votes

Friday, January 18th, 2008

JSONLib: JSON Extensions a la E4X

Category: JavaScript, JSON, Library

Nicholas C. Zakas wanted to keep JSON out of JavaScript. He has patterned a new form of JSON support on E4X and wrote it up. Nichole wants: The addition of two new global types: JSON and JSONList. JSON represents a JSON object while JSONList represents a JSON array. Both types have a toJSONString() method that Read the rest…

Posted by Dion Almaer at 8:27 am
5 Comments

++---
2.2 rating from 37 votes

Thursday, January 17th, 2008

Facebook releases Animation library

Category: JavaScript, Library, Social Networks

Facebook is slowly adding features that allow you to do more JavaScript in their world. This started with FBJS (after mock ajax), and today they have announced FBJS/Animation, an open source animation library that not only works inside Facebook, but also can be used stand alone. There is a nice writeup of Animation which includes Read the rest…

Posted by Dion Almaer at 9:00 am
8 Comments

++---
2.5 rating from 38 votes

Triggit: WYSIWYG Content Insertion Tool and Platform

Category: JavaScript, Showcase, UI, Utility

Triggit has created a very interesting tool. The problem they are trying to solve is that many people want to muck around with their websites, but don’t want to grok HTML. They want to integrate with services (mash them up in a manual one off way) such as insert their videos from YouTube, photos from Read the rest…

Posted by Dion Almaer at 8:00 am
7 Comments

+++--
3.5 rating from 30 votes

Wednesday, January 16th, 2008

PBwiki JavaScript Testing

Category: JavaScript, Library

Brian Klug of the PBwiki team wanted to learn more about JavaScript serving, so they created a JavaScript Library Test which tests the loading time of Dojo, jQuery, Prototype, YUI, and Protoculous. The test compares packed vs. minified, gzipped vs not, cached, etc. with some interesting results (hint: don’t used packed!). You can use your Read the rest…

Posted by Dion Almaer at 8:50 am
2 Comments

++++-
4.1 rating from 46 votes

JsonSQL: JSON parser, SQL style

Category: JavaScript, JSON, Library

Trent Richardson has released JsonSQL, a JavaScript library that allows you to muck around with JSON as though it is a datastore: The API < View plain text > javascript jsonsql.query("select * from json.channel.items order by title desc", json);   jsonsql.query("select title,url from json.channel.items where (category==’javascript’ || category==’vista’) order by title,category asc limit 3", json); Read the rest…

Posted by Dion Almaer at 7:17 am
10 Comments

+++--
3.3 rating from 36 votes

Highslide JS: JavaScript Thumbnail Viewer

Category: JavaScript, Library

Torstein Hønsi is the author of Highslide JS. The Highslide core is a smooth thumbnail viewer, but the JavaScript library extends to show inline HTML content, AJAX loaded content, iframes or Flash. Lots of configurations are available for adjusting the appearance and behaviour of the effect. You can see these configurations, and dynamically build the Read the rest…

Posted by Dion Almaer at 6:55 am
6 Comments

++---
2.9 rating from 90 votes

Tuesday, January 15th, 2008

as3Query: jQuery port to ActionScript

Category: Adobe, Flash, JavaScript, jQuery

First we see the new jQuery 1.2.2 release, and now “nitoyon” has ported jQuery to ActionScript 3.0 creating as3Query. This port has everything bar the Ajax features, and it comes with a set of demos: Creating instances and monitoring events Tweening CSS Selector < View plain text > javascript function animate(f:Boolean):void {     // Read the rest…

Posted by Dion Almaer at 8:57 am
3 Comments

+++--
3.9 rating from 37 votes

XSTM: Shared Transacted Memory

Category: GWT, JavaScript

We posted about JSTM for GWT back when I saw it at JavaPolis. Now, the project has been renamed to XSTM which comes with a new book, and a new form example: The data entered in the form is automatically replicated on the server. If you launch two browsers and modify the same field concurrently, Read the rest…

Posted by Dion Almaer at 7:50 am
1 Comment

+++--
3.6 rating from 19 votes

Monday, January 14th, 2008

Javascript CSS Selector Engine Timeline

Category: CSS, JavaScript

Paul Irish put together a bit of history in the form of the Javascript CSS selector engine timeline which shows us that “selector processing power has gone from Pinto power to a Mustang GT 500.”. 2003.03.25: document.getElementsBySelector() by Simon Willison (later used in behaviour.js) [source] 2005.08.19: CssQuery(): by Dean Edwards [source] 2005.08.22: jSelect (precursor to Read the rest…

Posted by Dion Almaer at 7:39 am
4 Comments

+++--
3.9 rating from 36 votes

Acid 3 and the future of memory leaks

Category: CSS, JavaScript

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

Posted by Dion Almaer at 6:52 am
3 Comments

++++-
4 rating from 26 votes

Friday, January 11th, 2008

Drinking offline at the Happy Hour while being openly social

Category: Gears, JavaScript

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

Posted by Dion Almaer at 8:01 am
1 Comment

+++--
3.1 rating from 17 votes