Even more jQuery samples

jQuery is a great JavaScript framework that opens the doors for a more advanced website giving the user a better experience. Below is more things that can be accomplished with jQuery.

Link:
http://www.noupe.com/jquery/...

Even more jQuery plugins

Accessible slider:
http://www.filamentgroup.com/lab/...


Coda Popup Bubbles:
http://jqueryfordesigners.com/coda-popup-bubbles/



Charts using canvas and jQuery:
http://www.filamentgroup.com/lab/...



Flexgrid:
http://webplicity.net/flexigrid/

Mario Brothers in JavaScript

Mario Brothers, sorta, in a 14K JavaScript file:
http://blog.nihilogic.dk/.../super-mario-in-14kb-javascript.html

10 AJAX Effects to Boost Your Website’s Fanciness Factor

Here’s a collection of 10 powerful – yet easy-to-implement — AJAX effects to supplement your web page’s interface. These were picked using a “bang for your buck” methodology; meaning that these effects were chosen specifically because they provide high-impact effects with very little effort in installing and using them.

Link:
http://sixrevisions.com/rapid-development/...

Slimbox, the ultimate lightweight Lightbox clone

Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2

Link:
http://www.digitalia.be/software/slimbox

Lightbox v2:
http://www.huddletogether.com/projects/lightbox2/

Masked Input plugin for jQuery

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2, Safari, and Opera.

A mask is defined by a format made up of mask and placeholder characters. Any character not in the placeholder character list below is considered a mask character. Mask characters will be automatically entered for the user as they type and will not be able to be removed by the user.

Had it working in less than 5min and it works like a charm. jQuery just keeps getting better for me and has a promising future for Veign's Web Development.

Link:

jQuery API

A compact and well presented site of the jQuery API. Not only do they provide the function description, but offer more samples of usage over the jQuery website.

Don't forget to check out the jQuery plugins website for some very cool things:
http://plugins.jquery.com/

API:
http://remysharp.com/jquery-api/

IE7 JavaScript library

IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

Link:
http://code.google.com/p/ie7-js/

See it in action:
http://ie7-js.googlecode.com/svn/test/index.html

Automatically highlight image maps with mapper

mapper.js 1.0 allows you to add automatic area highlighting to image maps on your webpages. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it can use "jsgraphics" from Walter Zorn (if installed), else it'll degrade and your visitors won't notice a thing.

The effect is very cool and can be useful in image maps with many hotspots, like country or state maps.

Link:
http://www.netzgesta.de/mapper/

Javascript based Percentage Bar / Progress Bar Creator

Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers have created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Percentage Bar with 2 images only by using CSS. And then I used a little bit of Javascript to make it more interactive. You can use it anywhere you can think of. Use your Imagination, I am sure you will find it useful somewhere.

Link:
http://www.webappers.com/progressBar/

Organized collection of Javascript Libraries

Very nicely organized collection of Javascript Libraries. Now if they would only provide a description under each title. Either way I like it and have bookmarked it.

Link:
http://javascriptlibraries.com/

Tinglets opens the door for other JavaScript bookmarks

tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layouts in different browsers. You can either highlight tags directly or type in a tag, id or class name to highlight the matching element(s).

I can see many of these JavaScript bookmarklets to assist users. In fact I have a great idea of one that I will se if I can get developed.

Link:
http://www.tingelets.com/

Yet another Javascript thingy

This one produces Nice Titles on your hyperlinks. I think I could find a place for this in some up coming website designs and since overLib is no longer developed this one could work (even though its development is slow too).

While you're there check out his other browser experiments, as he calls it.

Link:
http://www.kryogenix.org/code/browser/nicetitle/

Four more AJAX / JavaScript frameworks and code

SimpleJS: A javascript library simple and light proposing functions ready with the use to facilitate the exploitation of ajax.

Script.aculo.us: provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

Prototype: Is a JavaScrip framwork that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

ASP.NET AJAX: A free framework for quickly creating a new generation of more efficient, more interactive and highly-personalized Web experiences that work across all the most popular browsers.

Also, don't forget to check out what the big guys like Yahoo! and Google offer.