How about if all you needed to do was:
PLAIN TEXT
JAVASCRIPT:

var server = new Addressable.Server({ useGears: true });

server.onmessage = function (message) {

        log(message)

}

server.connect(function (id, url) {

    log(”Connected. Messages will appear here.”)

    $(”#clientId”).html(”Client-Url: “+url)

    $(”#testForm”).attr(”action”, url)

})

function log(msg) {

    var log = $(”#log”);

        log.html(”"+msg + “<br />” + log.html())

}

And you would have …

This Javascript library facilitates the easy construction and deconstruction of URL strings by breaking the URL into it’s various components. This library is capable or taking a URL as a string or using the current window.location and parsing it into a URL object.

The Britain from Above BBC programme and website doesn’t seem to use the BBC library Glow but instead has nice Mootools effects on the front page and a jQuery Carousel on sub pages.
The effects made me feel like I was on a Flash site at first, but the real interest …

The demo above is tyPhoGraphic a declarative CSS transformation library.
If you check out a demo with a browser that supports the CSS declarations, you can see that the work is done via:
PLAIN TEXT
HTML:

<div effect=”zoomin” duration=”1700″>2009</div>

<div effect=”zoomout” duration=”1600″  start=”-200″>2009</div>

<div effect=”wobble” duration=”1000″>2009!</div>

<div effect=”shake” duration=”1200″>2009!</div>

<div effect=”shake” duration=”1000″ start=”200″>Happy </div>

<div effect=”waggle” duration=”1200″>New</div>

<div effect=”waggle” …

This small JavaScript library will spice up the look of your tooltips in your Web page. It replaces the title attribute with a tooltip designed to match your Web site. You can use it in almost an HTML element too. Easy to implement!

Paul Querna wrote a fun little Apache module called mod_v8 that offers a proof of concept of Yet Another Server Side JavaScript:

After using Rhino for server side javascript at work, I can say I somewhat like server side javascript.  Others like Steve were already convinced a long time ago.
However, I don’t really like being tied into …

Google Maps gives you a quick and easy way to add maps to your Web site, but when you’re using Google’s API, your ability to display other data is limited. If you have your own data you want to display, or data from sources other than Google, OpenLayers, an open source JavaScript library, can give you more options.

Previously i had written about how i had made a wrapper control for .net from YUI. In that control i still had to write some javascripts and thus needed some hard work before the control was in a working condition. Now, I have made it into a class library and doesn’t require any javascript to be written.

This is the real deal, crossbrowser vector graphics javascript library that works in IE6 as well. Supports animation and opacity too.

With Pixastic JavaScript library, multiple effects and filters can be easily applied to your images published on the web. An example of a web browser based image processor is also available.

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 can do things such as:

parse_mime_type(): Parses a mime-type …

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

<div class=”dlink”>

your <a href=”#”>link filled</a> content…

</div>

<!– …

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 = document.getElement(”myImage”); …

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 any way. Likewise, …

This article will show you how to add alternate colors to table rows without any server side development or hard coding your scripts, thus providing good readability for your users and great flexibility for you. We will use the YUI library for that.

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 */

    /* string argument can be any CSS selector */

    …

PHP based templating engine creating reusable native templates in various languages. As for today, supported are following pure markup sources: HTML, XML, XHTML and PHP including callbacks which can be processed into native PHP and JavaScript template files. Library uses popular web 2.0 pattern load-traverse-modify thou jQuery like chainable API.

Joseph Woods of PHPCow sent us a note about SmartMarkUP, a “universal markup editor”:

SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your …

Advanced GWT Components is an extension of the standard Google Web Toolkit library. It allows making rich web interfaces extremely quickly even if you’re not skilled in DHTML and JavaScript programming. Currently the library supports such popular browsers like Internet Explorer, Firefox, Safary, Opera and Chrome.

Kangax has written about his new Common Feature Tests project:

I have been working on a little personal project of mine for the past couple of months. It’s called CFT and stands for Common Feature Tests. There’s nothing really ground-breaking about it; CFT is simply a set of so-called feature tests for Javascript (or rather for any ECMAScript-compliant …

Eric Miraglia and our friends at Yahoo! have announced YUI Doc, “a python-based documentation tool that generates API documentation for JavaScript code. YUI Doc was developed by Adam Moore, one of the principal engineers on the YUI project since its inception, to support YUI’s API-level documentation.”

jQuery came first, but then we have seen others such as pQuery.
Now we have pyQuery which brings the same great taste API to Python. The author Olivier Lauzanne explains:

yquery allows you to make jquery queries on xml documents. The API is as much as possible the similar to jquery. pyquery uses lxml for fast xml and html manipulation.
This …

There is a JavaScript Library available for free. This library can provide you world class GUI Interface.The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX…..

Earlier this month, SmartGWT 1.0 was released. SmartGWT is an API for building GWT applications using the SmartClient Javascript component library. SmartGWT was developed by Sanjiv Jivan, the same developer who previously lead gwt-ext development, and subsequently ceased his involvement due to licensing issues.

Sometimes while working on various client projects, I need to familiarize myself with the JavaScript library my client is using. Below are some great quick reference “cheat sheets” that can get you started using libraries you are particularly unfamiliar with.

I noticed the new iPod Engraving Gallery that is a nice use of Coherent to show a slick UI with engraving suggestions.

I was also talking to a friend that has leopard beta bits and he was playing with an updated Dashcode. It appears that the Coherent library is …

John Resig is a JavaScript Evangelist for the Mozilla Corporation and the author of the book Pro JavaScript Techniques. He’s also the creator and lead developer of the jQuery JavaScript library.

O introducere in Y!UI, mai exact Yahoo! User Interface Library - un set de scripturi Javascript si stylesheeturi CSS, care implementeaza componente inserabile in paginile web pentru a le face mai dinamice, mai interactive si mai atragatoare.

Some of you may notice something not right when you try to upload media with WordPress’ Flash based upload. You probably just upgraded to Flash player 10, which now no longer supports. According to bit101 on the WordPress support forum, “The problem is the interaction with the SWFUpload JavaScript library. Flash 10 does not allow you to open a…

Damian Wielgosik has created Drawter, a web based tool to layout pages:

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.
Currently Drawter is …

Mr. Niranjan Bansal, MCA started office of ePearl Software Solutions at Sri Ganganagar, Rajasthan. The company provides many software including Library Management, School / College Accounting, Payroll Software, RD Account Software, Insurance Agent Software, Interest Calculation and Website Development using Flash, Php, Javascript, ASP.Net etc.

This post illustrates the use of event delegation to create a “bubble” menu, with the Yahoo YUI library.

Server side javascript application running on 10Gen cloud. Facebook GetFriends, User Info, and Notify done in Javascript. Use 10gen cloud and Facebook library

Google has been hosting popular javascript libraries for a while, and is now also hosting the Yahoo User Interface libraries.

PLAIN TEXT
JAVASCRIPT:

$(window).load(function() {

  $(”#example”).liquidCanvas(

    “[shadow border gradient] => roundedRect{radius:50}”);

});

This is an example of Liquid Canvas, a new library from Steffen Rusitschka who created ShadedBorder and RUZEE.Borders.

Liquid Canvas is a JavaScript library which allows you to draw inside an HTML canvas element with an easy yet powerful description language.

Automatic generation of HTML canvas elements which scale with …

This is the easy way to send data via POST or GET with javascript GXmlHttp google-maps library

Cameron Adams has another fun Javascript experiment in JS-909, a drum machine he built from scratch. It plays sound without Flash, along with a check that your browser is capable of playing sound this way, and also includes a little canvas-powered psychedelic graphics engine.

At the recent Web Directions JavaScript libraries panel, …

Steven Wittens has taken on a challenge to make fake 3D in Canvas and built a library for projective texturing:

Canvas is still limited to 2D: its drawing operations can only do typical vector graphics with so-called affine transformations, i.e. scaling, rotating, skewing and translation. Though there have been some efforts to …

PLAIN TEXT
JAVASCRIPT:

reg.click(”a.popup”, function(e){

    window.open(this.href);

    return false;

});

/*

ENGLISH TRANSLATION:

I declare, forthwith, that all clicks on <a> elements with

class "popup" shall be handled thusly…

*/

This comes from a new library that Greg Reimer of Sun has open sourced called reglib.
He gives us the back story:

Almost a year ago I made all kinds of big talk about releasing a …

Red writes like Ruby and runs like JavaScript

That is the tagline for Red, and they mean it:

The all-new Red is a Ruby-to-JavaScript transliterator backed by a custom ruby.js library designed to let your code run in the browser exactly* the way Ruby would run on your machine. The JavaScript output is optimized to contain only the fraction of the ruby.js …

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.”You start with 10 lines of jQuery that would have been 20 lines of tedious DOM JavaScript.

Adding flare to a Web page often requires thorough knowledge of a graphic package like Photoshop or another technology like Flash. However, a number of technologies exist to create graphics within a Web page. The Raphael JavaScript library takes advantage of these technologies to deliver a simple-to-use framework for creating graphics.

Back in May, we posted a story about “the other JIT”, the JavaScript Information Visualization Toolkit. Its creator, Nicolas Garcia Belmonte, has recently implemented a number of new features and has created a tutorial, some examples, and some documentation to describe them.

The JavaScript Infovis Toolkit is a JS Information Visualization …

Add new stylesheet rules with simple code like ss(”.newClass{color:blue}”); Or search for a bunch of style rules and delete them with ss(”.new”).remove(); Ease the pain of manually manipulating the stylesheet object.

Personal portfolio of Southern California based interactive designer Ryan Wolter. All on one page design utilizing plug-ins from the jQuery Javascript library.

Alexander (aka Sasha) Maryanovsky has been hacking away with GWT, and has some come up with a couple of interesting project.
The first, is a fun chess diagram builder that lets you build out a chess diagram and export it out:

Also, he has created Sasha Maps, an API that …

This site uses JavaScript to AES encrypt and decrypt messages you leave and send to others. Because the encryption takes place in the browser, you never have to worry about the server being compromised. The JavaScript library used for encryption is MIT Licensed and compatible with OpenSSL.

Kaazing has released Kaazing Gateway, an open source HTML 5 WebSocket Server.

The HTML 5 WebSocket specification is a standard that attempts to simplify much of the complexity around achieving bi-directional communications between browsers and servers. The specification provides a simple JavaScript interface that enables developers to open a full-duplex socket connection and connect …

The Web has increasingly become a medium for showing off art; Web pages are primary vehicles for displaying images. But a beautiful image is hindered—or aided—by its frame. Using a simple JavaScript library, you can “frame” your online images beautifully and provide an intuitive user interface along the way.

The Google folks have been doing a really good at consistently blogged about the decisions that were made as they created Chrome:

Graphics in Google Chrome
Google Chrome uses a library called Skia, which is also the graphics engine behind Google’s Android mobile OS. The two projects share code that implements WebKit’s porting API in terms of Skia. Google Chrome also …