JavaScript

Google Translate bookmarklets to translate the current page into a selected language

The Google Translate site has a page with bookmarklets for all the supported languages. Just drag the bookmarklet link to your bookmarks toolbar, name it whatever you like and click it whenever you want to translate a page into the selected language. I always wanted something like this, but didn't know about this bookmarklet collection. Well done G. Smiling

Have your SWF bring its own JavaScript

You can pass all sorts of JavaScript code into the first parameter of ExternalInterface.call(), not just names of already existing functions. Ie. you can inject your own JavaScript code into the HTML page that contains the Flash object. And to make life easier, you can embed the JavaScript code as XML.

JDBC Navigator

"JDBC Navigator is a free database browser and editor. It lets you open JDBC database connections, browse schemas and tables, traverse relations by finding rows referencing a row's primary key, traverse relations by finding rows referenced by a row's foreign keys, edit table data (inserting new rows, and editing or deleting existing rows)."

JSLint - a JavaScript verifier

You can check various aspects of your javascript code. The intention behind JSLint is to spot potentional coding/syntax problems in your JS code that might lead to bugs or messed up code.

"Unresponsive script" warnings in Firefox

Firefox has a built-in timeout for JavaScripts to prevent them from running too long. It is far from perfect (see this post for details on some possible problems), but better than nothing. You can set the timeout period in the dom.max_script_run_time preference (using the "about:config" URL), it's 10s in FF 2.x by default. You might need this if you're using lots of extensions, eg. web development stuff (Web Developer ext., Firebug, DOM Inspector, etc.). Some of these can trigger the timeout warning for web pages with larger DOMs, etc. Being a web developer, I see this warning a way too many times.

Define and execute an anonymous JavaScript function in a single step

I've seen the following code in jQuery's source and various jQuery plugins, but I did not really understand what it is meant to do:
(function() {
  .... // some code
})();

Interface: an UI component library for jQuery

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Flot: plotting (drawing charts) with jQuery

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming.
Although Flot is easy to use, it is also advanced enough to be suitable for Web 2.0 data mining/business intelligence purposes which is its original application.

DynamicDrive.com: a DHTML script repository

A large collection of DHTML JavaScript code grouped/tagged into categories.

JavaScript compressor: Packer

This is a popular JavaScript compressor written by Dean Edwards. I've found it through jQuery since it is compressed/packed using Packer.

Syndicate content