Essential tools for modern websites
Let’s face it: do you really need drag-and-drop, resizable windows or sortable lists in your web applications? Websites are not desktop applications. They are different.

What you really need are tabs, tooltips, accordions, overlays, high usability, striking visual effects and all those “web 2.0″ goodies that you have seen on your favourite websites.

This library contains six of the most useful JavaScript tools available for today’s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library.

Performance never seen before
This library weighs 5.68 Kb. This is possible with good programming habits, compressed files and a Content Delivery Network (CDN).

For beginners
You don’t need to be a programmer to use these tools. We have lots of demos you can explore and you can copy their source code to your site and things will work.

For serious programmers
Each tool does only what it is supposed to do and nothing else. If you want modify this default behaviour, we offer clever ways of altering and/or extending it.

User Guide | Demos | Download

Javascript Framework sekarang sudah banyak jenisnya, ini memudahkan untuk menambah powerfull project garapan kita. Berikut beberapa Cheat Sheet js framework yang banyak digunakan oleh para Developer dunia. semoga bermanfaat

jQuery 1.3 Cheat Sheet

mootools 1.2 cheat sheet

Prototype 1.6.0.2 Cheat Sheet

Scriptaculous Cheat Sheet

What is Fullsize all about?
Fullsize is an attempt to get a new attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This is an attempt to bring something truely useful to all web developers and is by no means a completely polished idea, but rather a step in the right direction. Please visit the Fullsize Google Group to add your thoughts on how you think this idea can be improved upon.

Download Fullsize Here Only 8Kb

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.

Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and best of all… it’s completely free under the MIT license!

Download qTip 1.0.0-beta3.1

Sudah pada tau kan kehandalan JQuery untuk menambah elegan website atau blog kita, dengan bermacam-macam plugin-plugin yang disediakan rasanya sangat memanjakan kita.

Saya menemukan sebuah website yang sangat bagus dan membuat saya kagum, jika kita mengaktifkan efek mouse gesturesnya maka seakan akan website ini touchscreen tapi disini sebagai alatnya adalah mouse. kalau kita menuliskan mouse kita dari arah kanan ke kiri maka slide gambar akan otomatis berganti (prev) begitu juga sebaliknya (next).

Ada 8 gesture yang dikenali :
Left = Previous picture
Right = Next Picture
Up = Hide picture
Down = Show picture
Up, Right = Show title
Down, Right = Hide title
Down, Left = Open flickr page
Down, Up, Right, Down = Toggle Help

Websitenya bisa dilihat di http://random.friggeri.net/jquery-gestures/
Download Gesture

// initialize the engine, inactive by default and set the trace color to red
$.gestures.init({active:false,color:’#ff0000′});
// adds a new gesture : Down
$.gestures.register(’D', function() {
alert(’down !’);
});

// a more complex gesture : Down, Left, Up, Right
$.gestures.register(’DLUR’, function() {
alert(’this is a rectangle, no ?’);
});

// you can log unknown gestures :
$.gestures.error(function(gesture) {
alert(”oops, I don’t understand what \”"+gesture+”\” means”);
});

// useful keyboard tricks :
$(window).keydown(function(e) {
if ($.gestures.active() && e.which==27) {
// disable capture when user presses ESC
$.gestures.disable();
} else if (!$.gestures.active() && e.which==17) {
// enable capture when CTRL is pressed
$.gestures.enable();
}
});
$(window).keyup(function(e) {
// disable capture when CTRL is not pressed
if ($.gestures.active() && e.which==17) {
$.gestures.disable();
}
});

Tapi dari kebanyakan kasus tentang Javascript ini nampaknya IE masih sangat tertinggal, saya sempat coba buka pada browser IE6 (browser yang paling dibenci oleh web designer) dan tidak jalan

Setelah beberapa bulan saya menggunakan JQuery 1.2…. sekarang JQuery 1.3 dirilis pada tanggal 14 January 2009, untuk keluaran yang baru ini akan lebih cepat dari versi sebelumnya dengan menggunakan mesin selektor baru yaituu “Sizzle” dan masih banyak lagi fitur-fitur yang menarik

berikut perbandingan dari versi terdahulu dan Framework yang lain

Upgrade Your JQuery Now