70 of the Best Ajax & Javascript Resources

I have taken all of the Ajax and JavaScript posts that I have written over the past year and analyzed the stats and figures (outgoing links, page popularity etc. ) to find what really are the best free Ajax Resources. This has been a good exercise in tracking current Ajax web trends.

Have a look for yourself, whether you agree or not, these are the results.

Top 5 Javascript Frameworks

1. jQuery (http://jquery.com/)

 jQueryURL: http://jquery.com/.
Blog: http://jquery.com/blog/.
Documentation: http://docs.jquery.com/.

2. MooTools (http://www.mootools.net/)

Moo ToolsURL: http://www.mootools.net/.
Blog: http://blog.mootools.net/.
Documentation: http://docs.mootools.net/.

3. script.aculo.us (http://script.aculo.us/)

script.aculo.usURL: http://script.aculo.us/.
Blog: n/a.
Documentation: http://wiki.script.aculo.us/.

4. Prototype (http://www.prototypejs.org/)

PrototypeURL: http://www.prototypejs.org/.
Blog: http://www.prototypejs.org/blog.
Documentation: http://www.prototypejs.org/learn.

5. MochiKit (http://www.mochikit.com/)

 MochiKitURL: http://www.mochikit.com/.
Blog: http://www.mochikit.com/blog.html.
Documentation: http://www.mochikit.com/doc/html/MochiKit/index.html.

Top 10 AJAX Directories

1. MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts

Ajax Directory

2. Ajax Scripts and Applications :: Hot Scripts

Ajax Directory

3. AjaxDaddy – Ajax Examples in Action

Ajax Directory

4. Ajaxian

Ajax Directory

5. Funky Ajax

Ajax Directory

6. CrackAjax

Ajax Directory

7. ajax.clear-mind.be -unlimited ajax resources

Ajax Directory

8. Free Ajax Scripts

Ajax Directory

9. Ajax-Source.com

Ajax Directory

10. Best Ajax Scripts

Ajax Directory

Top 5 Ajax CheatSheets

jQuery

JavaScript

Mootools

Prototype 1.5.0

Ajax

Top 10 jQuery Downloads

1. jQuery Virtual Tour

jQueryDescription:jQuery Virtual Tour allows you to add interactivity and transform a panoramic image into a virtual tour.
This is a pretty cool plugin that will give your readers a lot more detail within your image galleries. Recommended.
Demo: jQuery Virtual Tour Demo.
Download: jQuery Virtual Tour Download.

2. jSocialize – jQuery version of mooSocialize!

jQueryDescription: This is the jQuery version of the phenomenal mooSocialize (which was, obviously, built on the mooTools framework).
jSocialize allows you to integrate your bookmarks for every post on your blog, website etc.
By clicking the jSocialize button, a window will appear, which lets you choose your favorite Social Bookmarking Network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.
It then opens up the page in a hovered layer. Click the X and the window closes.
Try the Demo you will love this.
Demo and Download: jSocialize Demo and Download Page.
Compatability: It’s been tested in Firefox, IE7 and Opera 9+.
Note: This is also available as a WP plugin.

3. Flexigrid – Data Grid/Table

jQueryDescription: This is a lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Features: Resizable columns ; Resizable height and width ; Sortable column headers ; Cool theme ; Can convert an ordinary table ; Ability to connect to an ajax data source (XML and JSON[new]) ; Paging ; Show/hide columns ; Toolbar (new) ; Search (new) ; Accessible API.
Demo: Flexigrid Demo.
Download: Flexigrid Download.

4. Anti-aliased Rounded corners with JQuery

jQueryDescription:This is a variation of the very good jQuery plugin CurvyCorners, smaller file (in at 15kb) and runs a lot faster.
Demo: Anti-aliased Rounded corners Demo.
Download: Anti-aliased Rounded corners Download.

5. jQuery Shoutbox

jQueryDescription:This shoutbox is a chat-like feature for your website that allows people to quickly leave messages without any form of user registration. As with most ajax there is no need for refresh making the effect very smooth. Unlike other shoutboxes this integrates seemlessly into your theme by styling the CSS file.
Screehshot: jQuery Shoutbox Screenshot.
Download: jQuery Shoutbox Download.
Developer: Ajaxdaddy.

6. Coda Bubble Tooltip

jQueryDescription: This script will help you recreate the amazing puff popup bubble effect as seen on panic.com/coda. Inessence this is probably the best tooltip script I have seen. Its not a script for every site, but implemented properly it would look amazing.
Demo: Coda Bubble Demo.
Download: Coda Bubble Download.

7. Featured Content Glider

jQueryDescription:This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. For the ultimate in the ability to customize its look, the pagination links are also ordinary links that you define on the page, but with special CSS class names inserted when it should perform a certain task. Visit the homepage to read about all the features. Excellent.
Demo: Featured Content Glider Demo.
Download: Featured Content Glider Download.

8. Humanized Messages

jQueryDescription: Humane Messages is a system for displaying and temporarily logging non-modal messages, for use in web applications. It’s simply a large and translucent message that’s displayed over the contents of your screen. They fade away when the user takes any action. In practice, the message is both noticeable yet unobtrusive.
Demo: Humanized Messages Demo.
Download: Humanized Messages Download.

9. Img Notes

jQueryDescription: A simple way to display notes over images when you roll your mouse over the image. This is not unlike the jQuery Virtual Tour, but a lot simpler to use.
Demo: Img Notes Demo.
Download: Img Notes Download.

10. jqDnR – Minimalistic Drag’n’Resize

jQueryDescription:jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. jqDnR provides the all the basic elastic functionality most dialogs will need. Basic and simple and easy to use.
Demo: Anti-aliased Rounded corners Demo.
Download: Anti-aliased Rounded corners Download.

Top 10 Mootools Downloads

1. Slider

SliderURL: http://www.phatfusion.net/slider/.
Description: Horizontal or Vertical bar and slider.
Demo:View Demo.

2. Simple 3D Carousel

Simple 3D CarouselURL: http://www.hotajax.org/content/view/491/420/.
Description: A (not so) basic 3D Carousel.
Demo:View Demo.

3. Click to change the background

BG ChangeURL: http://www.hotajax.org/content/view/468/420/.
Description: Dynamic color selector- colors swatch animate to pick and change the background.
Demo:View Demo.

4. Photo Gallery

Photo GalleryURL: http://www.hotajax.org/content/view/211/420/.
Description: A marvellous interactive Photo Gallery.
Demo:View Demo.

5. Noob Slide

Noob SlideURL: http://www.outcut.de/.
Description: This is another image gallery slideshow, nicely done..
Demo:View Demo.

6. Tips

TipsURL: http://www.hotajax.org/content/view/213/420/.
Description: A stylish tool tip demo.

7. Pamoorama

PamooramaURL: http://www.silverscripting.com….
Description: It show only part of your fullsize image, the image can then be scrolled by moving the mouse over it.
Demo:View Demo.

8. Sample Nav Bar

Sample Nav BarURL: http://www.hotajax.org/content/view/212/420/.
Description: A stylish and easy to use nav bar.
Demo:View Demo.

9. Javascript Image Gallery

Javascript Image GalleryURL: http://tutorialdog.com….
Description: A simple but very useable Image gallery.
Demo:View Demo.

10. Slidinglist

SlidinglistURL: http://www.hotajax.org/content/view/210/420/.
Description: A tree-like sliding navigation system.
Demo:View Demo.

Top 10 Script.aculo.us Downloads

1. ModalBox

ModalboxURL: http://www.wildbit.com/labs/modalbox/.
Description: ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. Pretty cool.
Demo:View Demo.

2. Auto-Scrolling Page Navigation

Auto-Scrolling Page NavigationURL: http://tobielangel.com….
Description: A simple scrolling/sliding page navigation. Easy to use.
Demo:View Demo.

3. Sexy Sliding Menu for script.aculo.us

SexyURL: http://www.andrewsellick.com.
Description: There is also a MooTools variation with this menu, this truelly is a sexy sidebar. I am using this script on a new site I am designing.
Demo:View Demo.

4. CoolTips

CoolTipsURL: http://www.wildbit.com/labs/cooltips/.
Description: CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique.

5. Sliding Date-Picker

Sliding Date-PickerURL: http://ajaxorized.com….
Description: Basically, pick any date with a slider bar. I like this.
Demo:View Demo.

6. Sortable Lists

Sortable ListsURL: http://demo.script.aculo.us/ajax….
Description: ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. Pretty cool.
Demo:View Demo.

7. DatePicker using Prototype and Scriptaculous

DatePickerURL: http://www.eulerian.com….
Description: A nice and light date picker.

8. Collapsable Effects with Script.aculo.us

URL: http://www.dustindiaz.com….
Description: I like this better than other Accordian effects purely because it doesn’t call itself an Accordian (a now well overused term).
Demo:View Demo.

9. A CSS Crossfader

A CSS CrossfaderURL: http://mikeomatic.net/?p=78.
Description: A great text transitional fading script.
Demo:View Demo.

10. Javascript Password Strength Meter

URL: http://www.geekwisdom.com/dyn/passwdmeter.
Description: A great addon for measuring how secure your visitors password is.

Overall Top 20 Most Popular Free Scripts and Downloads

1. Lightbox 2 (http://www.huddletogether.com)

2.Timeline (http://simile.mit.edu/timeline/)

3. Reflection.js (http://cow.neondragon.net)

4. Pie & Donut Chart (http://www.amcharts.com/pie/)

5. Plotr (http://solutoire.com/plotr/)

6. Ajax Instant Messenger (http://www.ajaxim.com/)

7. Starbox (http://www.nickstakenburg.com/projects/starbox/)

8. Ajax Tabs Content (http://www.dynamicdrive.com/)

9. Drag and Drop Shopping (http://demo.script.aculo.us/shop)

10. Progress Bar (http://www.webappers.com/progressBar/)

11. Thick Box (http://jquery.com/demo/thickbox/)

12. Create Flickr Like Fields (http://dbachrach.com)

13. jTip – A jQuery Tool Tip (http://codylindley.com)

14.Accordian (http://demos.mootools.net/Accordion)

15. Unobtrusive AJAX Star Rating Bar (http://www.masugadesign.com)

16. Plotkit (http://www.liquidx.net/plotkit/)

17. Pie Chart Ajax (http://www.amcharts.com/pie/)

18. Prototip http://www.nickstakenburg.com/projects/prototip

19. Ajax Inline Text Edit (http://www.ajaxdaddy.com/ajax-inline-text-edit.html)

20. Tabbed Content Browser (http://www.ajaxlessons.com/2006/02/18/ajax-workshop-2-building-tabbed-content/)

Author: (589 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments