JavaScript


Monday, April 26th, 2010

Scrollin’ Scrollin’ Scrollin’ to the NextPoint

Category: Examples, JavaScript

This is a guest post from the folks at Nextpoint. We’ve previously mentioned their pioneering use of Ajax in the legal industry and open sourcing of Growl4Rails. Here they bring us some details on their scrollable-document interface — make sure to make it to the end of the post for a link to the sample Read the rest…

Posted by Dion Almaer at 6:56 am
3 Comments

++++-
4.5 rating from 2 votes

Friday, April 23rd, 2010

Oni Rocket: Stratifying on the server side

Category: JavaScript, Server

Alexander Fritze has been working on some very interesting developments. We have talked about his Stratified JavaScript library in the past, and he has brought his model to the server with with Oni Rocket. He tells us more: Earlier this year I teamed up with my ex-Joost colleague Tom Germeau to found Oni Labs (http://www.onilabs.com/), Read the rest…

Posted by Dion Almaer at 6:17 am
5 Comments

++++-
4 rating from 2 votes

Thursday, April 22nd, 2010

PHPJS: PHP Functions in JS, Now with CommonJS Packaging

Category: JavaScript, Library, PHP

PHPJS is an effort to bring the mammoth PHP API into the land of JS., where it can be used for web apps as well as the increasing number of Javascript applications outside the browser. The homepage explains some of the philosophy behind this project: PHP is a language with many high-level functions and while Read the rest…

Posted by Michael Mahemoff at 10:11 am
13 Comments

++---
2.7 rating from 6 votes

Desktop Notifications with Webkit

Category: JavaScript, WebKit

Mohit Muthanna has a nice blog post explaining how you can create desktop notifications with the latest Webkit/Chrome. There are essentially three API calls you use: window.webkitNotifications.requestPermission(callback) – Request access to Desktop Notifications for this domain. window.webkitNotifications.checkPermission() – Returns 0 if this domain has Desktop Notification access. window.webkitNotifications.createNotification(icon,title,body) – Returns a popup notification instance, which Read the rest…

Posted by Chris Heilmann at 5:36 am
3 Comments

++++-
4 rating from 6 votes

Wednesday, April 21st, 2010

Video Interviews with Top JavaScript Developers at JSConf 2010

Category: Conferences, JavaScript

At JSConf, I was fortunate enough to nab some great developers and interview them about their work. Guys like Kyle Simpson, John-David Dalton, Pete Higgins and more gave me some of their conference time to tell me about their projects and how they’re helping the JavaScript community: JSConf 2010 Organizer Chris Williams Jeffrey Van Gogh Read the rest…

Posted by Rey Bango at 1:36 pm
Comment here

+++--
3 rating from 1 votes

Tuesday, April 20th, 2010

Ares 1.0: The easy to use, browser-based, powerful mobile touch UI app creator goes final

Category: JavaScript, Utility, WebOS

A few months back we announced an early build of Ares the full mobile development environment from Palm that runs entirely in the browser. I was really excited to be at JSConf at the weekend where Matt McNulty announced Ares going 1.0 in our session. He promptly went on to do demos that show how Read the rest…

Posted by Dion Almaer at 5:37 pm
11 Comments

++++-
4.2 rating from 21 votes

Saturday, April 17th, 2010

The Best HTML5 Slides Ever

Category: CSS, HTML, JavaScript, Presentation

@edr is the man. He did amazing things at Yahoo! and now at his new role at Google he continues in the same vein. This time he has created the coolest set of HTML5 slides ever, using the technology inline. Take a walk through the woods and learn about all things HTML5. Starting with the Read the rest…

Posted by Dion Almaer at 8:38 am
8 Comments

++++-
4.3 rating from 51 votes

Friday, April 16th, 2010

Forgiving HTML Parser for Node and Browsers

Category: HTML, JavaScript

Chris Winberry needed an HTML parser for a project he was working on and started to use John’s parser but found it to be a touch too strict for some of the HTML he was using (sloppy HTML? never). It was also too heavy to run on a server that would see considerable traffic, and Read the rest…

Posted by Dion Almaer at 9:49 am
5 Comments

+++--
3.4 rating from 15 votes

“Visualize” data as graphs

Category: Canvas, JavaScript, jQuery

How do you visualize data in interesting ways but allow the data to be accessible for all? The jQuery Visualize work is the latest library that groks HTML and replaces the table with pretty graphs: The Visualize plugin parses key content elements in a well-structured HTML table, and leverages that native HTML5 canvas drawing ability Read the rest…

Posted by Dion Almaer at 9:17 am
Comment here

++++-
4.5 rating from 17 votes

Thursday, April 15th, 2010

Drag and drop file uploads in Gmail using just the specs

Category: Browsers, JavaScript

Gmail started off with the awful input type=”file” “add more” typical solution that we all know and love. Then they added the ability to select multiple files via Flash…. and now they allow the ability to drag and drop files right onto the message compose using HTML5 standards. Want to do it too? Check out Read the rest…

Posted by Dion Almaer at 7:17 pm
15 Comments

++++-
4.4 rating from 34 votes

Tuesday, April 13th, 2010

Traits.js: New trait composition library

Category: JavaScript

A few libraries out there have dabbled in the world of traits. JSTraits is the most notable of this area. Tom Van Cutsem and Mark Miller of Google have a new traits library at traitsjs.org that is defined to work in tandem with the new object-manipulation API defined on Object in ES5. Traits are an Read the rest…

Posted by Dion Almaer at 1:17 am
3 Comments

++++-
4.3 rating from 11 votes

Monday, April 12th, 2010

ECMA-262-3 in detail

Category: JavaScript

It is quite a while I am following Dmitry A. Soshnikov posts in the javascript group but only yesterday He finally announced that his excellent work is complete! As demonstrated few days ago via JScript ES3 Implementation, there is much more to know about every single engine implementation or interpretation and sometimes the only way Read the rest…

Posted by webreflection at 6:30 am
4 Comments

++++-
4 rating from 32 votes

Friday, April 9th, 2010

ES5: Kangax details and browser info

Category: JavaScript

Kangax is at it again with more good info. His recent presentation goes into detail on what is ECMAScript Edition 5. And also shared his compatibility table that measures the existence of functionality (doesn’t fully test that functionality). There is a lot of green for Chrome, WebKit, and Firefox…. where we are just waiting on Read the rest…

Posted by Dion Almaer at 9:19 am
2 Comments

++++-
4.7 rating from 20 votes

ExceptionHub: Catch your site errors online or in email

Category: JavaScript, Utility

Ryan Stout (of BustaName fame) has created ExceptionHub, a place that holds JavaScript exceptions from your apps, for you to peruse. In an attempt to make error tracking easier in JavaScript, we are releasing exceptionhub.com into beta. ExceptionHub lets you drop a few lines of code into your site and it will track all errors Read the rest…

Posted by Dion Almaer at 1:12 am
10 Comments

+++--
3.9 rating from 10 votes

Wednesday, April 7th, 2010

Is there something to the crazy comma-first style?

Category: JavaScript

I first saw real usage of “comma-first” JavaScript style via Ryan Dahl of Node.js fame. My eyes were a little scarred at first, but now we are seeing the reasoning behind it: Note how the errors pop out in the comma-first style. The object literal cases will throw, though a final trailing comma will cause Read the rest…

Posted by Dion Almaer at 6:59 pm
38 Comments

+++--
3.2 rating from 38 votes

Tuesday, April 6th, 2010

Amberjack 2.0: On page tutorials

Category: JavaScript, Showcase

We covered the original Amberjack library that offers on-page demos. Arash Yalpani is back with Amberjack 2, which groks DOM node highlighting. The main page shows how you embed a tour right into the page: < View plain text > HTML <div class="ajTourDef" id="defaultTour" style="display:none" title="http://amberjack2.org/">   <div title="http://amberjack2.org/">     <div title="{id:’logo’,padding:15,trbl:’brr’}">     Read the rest…

Posted by Dion Almaer at 6:22 am
9 Comments

+++--
3.7 rating from 13 votes