JavaScript


Monday, November 10th, 2008

yboss – a wrapper for Yahoo’s BOSS API

Category: Examples, JavaScript, JSON, Yahoo!

BOSS – Build Your Own Search Service (the your is silent for reasons I cannot tell you as it would endanger the lives of our agents in the field) is a Yahoo! API to access their search index and get the data back either as XML or JSON. Whilst there is ample documentation available it Read the rest…

Posted by Chris Heilmann at 6:06 pm
1 Comment

+++--
3.5 rating from 15 votes

Friday, November 7th, 2008

JavaScript Graph Plotting Tool

Category: JavaScript

We’ve seen the community do a lot with <canvas> over the past few months, and every so often it’s fun to see the good ol’ <div> approach to graphics and animation. Tavs Dokkedahl gives us a good one of those with his JavaScript Graph Plotting Tool: As part of a larger animation framework I have Read the rest…

Posted by Ben Galbraith at 9:00 am
15 Comments

++++-
4.2 rating from 26 votes

Tuesday, November 4th, 2008

Weed Out Obtrusive JavaScript

Category: JavaScript, Testing, Unobtrusive JS

By now, most developers have (or should have) come to realize how important it is to build unobtrusive JavaScript code. Apart from ensuring a better user experience, today’s tools and libraries make it extremely easier to embrace this practice. Continuing down the path of providing developers good tools, Robert Nyman of DOMAssistant fame has updated Read the rest…

Posted by Rey Bango at 11:52 am
19 Comments

+++--
3.1 rating from 16 votes

Thursday, October 30th, 2008

Widgetplus: Server side Ajax widgets

Category: Framework, JavaScript

Mikael Bergkvist has created Widgetplus, a gadget platform. He told us about it. XML Runtime The structure of an application is defined in XML. It’s loaded into the serverside runtime like this: javascript:xin.app(‘ http://www.naltabyte.se/desktop/xin/demo/programs/basics.xml ‘); We get this as a result. (the ‘test this’ link) Changes to the app remain persistent because on the server, Read the rest…

Posted by Dion Almaer at 2:30 am
2 Comments

++---
2.3 rating from 27 votes

Tuesday, October 28th, 2008

How to structure your JavaScript code

Category: JavaScript, Library

Peter Michaux has shared how he structures his code these days, as he has settled on a pattern: The code example below is a simple little logger widget. It appends messages to a list and has a clear link to delete all the recorded messages. < View plain text > javascript // Wrap code with Read the rest…

Posted by Dion Almaer at 9:39 am
18 Comments

++---
2.9 rating from 50 votes

Delaying JavaScript Execution

Category: JavaScript, Performance

Matt has a nice post on delaying JavaScript execution in a way that waits for certain events to finish: If you’re looking to execute javascript code whenever someone finishes (or stops temporary) scrolling, moving the mouse, or resizing the page, you may find the following segment of code useful. He shares the following boilerplate code: Read the rest…

Posted by Dion Almaer at 6:19 am
10 Comments

++---
2.8 rating from 38 votes

Wednesday, October 22nd, 2008

Fronteers Conference Videos Available on the YDN Theater

Category: JavaScript

The Fronteers conference recently held in Amsterdam featured a bevvy of top shelf speakers. Developers such as Dean Edwards, Stuart Langridge, Chris Heilmann and Tom Occhino, among others, discussed JavaScript, CSS, accessibility issues and more. Yahoo!, via the Yahoo! Developer Network, is hosting several videos from the conference and it’s definitely worth a visit to Read the rest…

Posted by Rey Bango at 11:33 am
1 Comment

++++-
4.2 rating from 13 votes

Form.Check: Great Form Validation for MooTools

Category: JavaScript, MooTools

Form validation is one of those problems that every IT developer has to deal with at one point or another. Form.Check is a MooTools plug-in library for dealing with client-side validation easily: And, it’s very easy to use: < View plain text > javascript window.addEvent(‘domready’, function(){     new FormCheck(‘formular’, {         Read the rest…

Posted by Ben Galbraith at 10:00 am
7 Comments

+++--
3.9 rating from 81 votes

Fixing Loss of Focus on IE

Category: IE, JavaScript

Continuing with SitePen stories for today, Dustin Machi posted a short but interesting piece on how to detect loss of focus on IE6. So your cool new app is perfect, but you want it to lock the user out when the browser hasn’t had focus after 15 minutes? Well that’s easy you think, I’ll just Read the rest…

Posted by Ben Galbraith at 8:00 am
2 Comments

+++--
3.5 rating from 26 votes

Reinhardt: Client-side URL Dispatching from SitePen

Category: Dojo, JavaScript

Kevin Dangoor from SitePen recently announced the release of a small pet project: Reinhardt. From the blog: A typical server-side web framework today includes three main components: a URL dispatching to some controller object scheme, a template engine, and a data mapping facility. Currently in Dojo, you’ll find that the latter two items already exist. Read the rest…

Posted by Ben Galbraith at 7:00 am
Comment here

+++--
3.6 rating from 21 votes

Tuesday, October 21st, 2008

Peppy: New CSS 3 selector engine

Category: CSS, JavaScript, Library

James Donaghue has released Peppy, the first release of his CSS 3 compliant selector engine that runs independent of one particular library (and can thus be used with any of them). He has some bold claims on speed: As it stands now Peppy is faster1 than all other major JavaScript libraries with DOM querying capabilities Read the rest…

Posted by Dion Almaer at 8:44 am
45 Comments

++++-
4 rating from 597 votes

Great JavaScript and CSS Menu Libraries

Category: CSS, JavaScript

Noupe is doing a good job cataloging content, such as their post on great JavaScript CSS menu libraries which features: Sexy Sliding Menu – Andrew Sellick decided to use mootools due to the smoothness of their effects, however, he developed a sliding menu using script.aculo.us FastFind Menu Script – This script allows for nested menus, Read the rest…

Posted by Dion Almaer at 5:58 am
4 Comments

+++--
3.7 rating from 31 votes

Friday, October 17th, 2008

Ajaxian Featured Tutorial: Building a JavaScript table grid application with TaffyDB

Category: JavaScript

Back in March, we posted about Ian Smith’s newest project, TaffyDB, the lightweight JavaScript library that acts as thin data layer inside Web 2.0 and Ajax applications. Ian contacted us to let us know about a new tutorial that he posted which provides step-by-step instructions on how to best implement TaffyDB: TaffyDB extracts the “hard Read the rest…

Posted by Rey Bango at 10:00 am
1 Comment

+++--
3.6 rating from 35 votes

Thursday, October 16th, 2008

Another look at JavaScript inheritance

Category: JavaScript

Stoyan Stefanov of Yahoo! has published a nice article on JavaScript’s class-less objects. This is published on JavaRanch, so it talks to the Java community, and uses that lense to explain the differences. He delves into: Constructor functions Function objects and prototype property Inheritance via the prototype Inheritance by copying properties Crockford’s beget object: < Read the rest…

Posted by Dion Almaer at 12:44 pm
4 Comments

+++--
3.5 rating from 27 votes

Wednesday, October 15th, 2008

Say Goodbye to alert()

Category: JavaScript

Blackbird, G. Scott Olson’s JavaScript logging library, truly has a catchy slogan. The slogan “Say hello to Blackbird and ‘goodbye’ to alert()” definitely captures what the Blackbird library aims to do; make logging messages in JavaScript extremely easy. And setup is very easy. By incorporating the following lines of code, you’ve now added the ability Read the rest…

Posted by Rey Bango at 2:25 pm
21 Comments

+++--
3.2 rating from 39 votes

Using JavaScript to make things work

Category: JavaScript, jQuery

An interesting top 12 list has been published, on using Javascript to fix 12 common browser headaches: Setting Equal Heights (jQuery example: $(“#col1, #col2”).equalizeCols();) IE6 PNG Alpha Transperancy support Changing CSS Classes in JavaScript Browser selectors in CSS ($(‘html’).addClass($.browser);) min-/max- height & width support Center Elements Vertically / Horizontally Display Q tags in Internet Explorer Read the rest…

Posted by Dion Almaer at 5:31 am
1 Comment

++---
2.9 rating from 43 votes