Mighty List Of Ajax Tools + Tutorials

AJAX (shorthand for asynchronous JavaScript and XML), is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax has led to an increase in interactive animation on web pages and better quality of Web services thanks to the asynchronous mode!

.

Here we have rounded up excellent Ajax effects scripts and tutoirals

Ajax Form Scripts

1. Prototype window login form

Here is a simple tutorial to demonstrate the use of prototype Window login form with RubyOnRails and Ajax. The idea behind this is to override Ok event of Dialog.confirm() form and send Ajax request to controller. The demo application makes use of RJS for Ajax callbacks. See Live Demo

login-pw

.

2. Masked Input Plugin

This is useful for fixed width input where the data follows a certain format.

mask

.

3. Form Validation Script

Shows some form input validators both serverside and browserside.

logon

.

4. Live Validation

Ajax form validation super easy for the developer. A must-have for any project that uses forms.

3

.

5. Spry Auto Suggest

This page will highlights the capabilities of the Spry Auto Suggest Widget.

101303

.

6. AJAX login form example using php, javascript and css.

Here?s another AJAX login form example using php, javascript and css.

100303

.

7. inline editor

Manoloweb has a great little Ajax implementation of an inline editor. It’s a tiny script, but it can be modified to be as simple or complex as you wish.

editable

.

8. Whizzwig editor

It lets people create rich, formatted text through a web form. It creates html or xhtml.

093001

.

9. Anchor layout in forms to ensure a consistent size and position for form fields.

tab

.

10. Server side Jquery With Jaxer

ajaxfeatures1

Demo can be found here. Download Jaxer here

.

11. Form Plugin

ajaxfeatures34

.

12. Uni Form

an attempt to standardize form markup (xhtml) and css, “modularize” it, to get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

f_15

.

13. CSS-Only, Table-less Forms

A great example of a well designed form using modern css techniques. It works in Win/IE6, Firefox v1.0+, Win/Opera v8.0, has minor layout differences in Mac/Safari v1.0.3 and Mac/Safari v1.2, and is usable but fairly buggered in Mac/IE5.2.

f_17

.

14. Tableless Forms

has a great login form example, with a graphic in the input field.

f_29

.

15. A form with style

How to style and stop web forms from looking ugly.

f20

.

AJAX SLIDERS

Fireworks.js

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it’s a fireworks effect someone could theoretically use on their site. Live DemoDownload from here

sc30

..

Slider Gallery. Live Demo

j-12

.

18. 2J News Slider – Joomla Ajax Slider

This is an eye-catching news slider that bring in evidence your content. Live Demo

sc8

.

Inline Range Slider Live Demo

sc25

.

Ajax Image Sliders Part 2: Intervals with On Demand Live Demo

b-a-14

.

21. Multiple Sliders in one page

sc15

.

22. Coda-Slider. Live DemoDownload from Here

t12

jQuery Multimedia Portfolio. Live Demo Download from Here

sc31

.

24. Accessible slider

Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. Live Demo

j-22

.

25. Accessible Unobtrusive Slider Demo

This method offer full keyboard capabilities as using unobtrusive JavaScript which is a method that separates the JavaScript behavior from the page markup. Live Demo Download fromHere

sc4

.

26. Slider

Degrade gracefully for browser without the needed DOM support with full mouse and keyboard support. Skinable using different CSS files. Live Demo Download from Here

sc5

.

27 Photo Slider Tutorial

Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial shows how to install and configure the code. The included example uses less than 10 lines of code. Live Demo Download from Here

sc6

..

28. Yahoo! UI Library: Slider

The Slider component is a UI control that enables the user to adjust values in a finite range along one or two axes. Live Demo

sc22

.

29. Slider

Horizontal or Vertical bar and slider. Live Demo Download from Here

sc14

.

30. Simple images slider to create Flickr-like slideshows

This step-by-step tutorial explains how to customize slideshow and use it in your web projects. Download Tutorialfrom Here

sc3

.

Ajax Progress Bar

31 jsProgressBarHandler Demo can be found here. Download Code here

ajaxfeatures12

.

32. A YUI Loading Panel Widget Download Code here

ajaxfeatures30

.

Ajax Pagination

33. Ajax Pagination Script Demo can be found here download Code here

ajaxfeatures15

.

34. Preloading Data with Ajax and JSON Demo here Download Code here

ajaxfeatures41

.

Ajax Calendar

Vista-like Ajax Calendar version 2 Demo can be found here. Download Code here

ajaxfeatures17

.

Super Ajax calendar

ajax_calendar

.

Simple Ajax calendar : Get it here

ajax_calendar-3

Ajax Dynamic Image Gallery and Slideshows

Dynamic Image Gallery and Slideshow Demo here Download Code here

ajaxfeatures20

.

Image Menu

Code Demo

The Image Menu is a simple piece of JavaScript that uses images to make a horizontal image menu. When you hover over the links, the image expands and shows the rest of the image. It’s compatible with nearly all modern browsers (no word on IE 8).

1

.

ImageFlow is an unobtrusive and “user friendly” JavaScript image gallery script. It features an elegant scroll-bar to browse through the images, and all of the images sit on top of a reflection, creating a Mac-like coverflow effect. Code Demo

2

.

GlassBox is an interface library that relies Scriptaculous and Prototype. The nifty library will add lucent borders and other flash-like effects. It’s easy to use, skinnable and even has dynamic content loading.

4

.

MISC

CSSGlobe has a very nice tutorial on how to enhance your site’s searchfield (unobtrusively, no less) with a bit of CSS and Ajax. Code Demo

5

.

Facebox

Facebox is a unique lightbox script that mimics the lightbox style of Facebook’s modal windows. Built on jQuery, Facebox looks and feels almost exactly like Facebook’s interface, and it’s simple to install as well. Code Demo

10

.

Unobtrusive Table Actions

Unobtrusive Table Actions

Code Demo

13

.

jQuery checkbox

jQuery checkbox adds a little flair to checkbox fields in forms. It adds a toggle button very similar to that of the iPhone interface, giving a very distinctive on or off. It’s great for usability, and the dynamic skin can be turned on or off, on the fly. Code Demo

14

.

Carousels

Carousels are a great way to rotate content such as images or news stories. The iCarousel plugin fits the bill as a simple, tiny script that gives all sorts of configuration options and usages. News tickers, photo carousels or even an ad carousel. Code Demo

15

.

Validation Hint

Validation Hints is a simple script that aides in form validation. It makes sure that password and username fields are the specified length, and can even validate against regular expressions. Small and handy. Code Demo

19

.

Control Tabs

Control Tabs, (part of the robust LivePipe UI), is a sweet script that gives many different ways to configure tabs on a page. You can use the standard tabbed interface, or even use something like images to show tabs as well. Control Tabs is a robust script, and even has an API that you can use to fine-tune your tabbed interfaces. Code Demo

20

.

Other Tutorials

Ajax Tutorials


Expression Engine and Ajax
Ajax Instant Tutorial loading – content without page refresh
Drag and Drop with Rico
Drag and Drop Sortable Lists
Ajax Shopping Cart
Accessible forms and unobtrusive javascript
Form Submit With Ajax
Ajax File Uploading
Ajax Basics
Ajax Image Gallery
Tabbed Content
Amazon Web Services with Ajax
Learn Ajax in 20 Minutes
Shopping cart with script.aculo.us
Ajax Design Patterns
Ajax for Designers
Ajax Progress Bar
Handling Bookmarks and the Back Button
Build a photo tagging site
Introduction to Ajax
Ajax : What is it good for ?
Newsletter sign up Tutorial
Develop a web-based pop3 client
AJAX Tutorial with Prototype
How to Auto Include a Javascript File
Username availability checking
RSS Reader Step by Step Tutorial
Ajax website in less than 10 minutes
Degradable form validation
Nice Forms
Animated Live Search
Make Tables Sortable
Bookmarklets
Ajax Chat Sources
Dynamically Loaded Articles
Dynamically Loaded Content
Chained Select Boxes
Dynamic List
Slide Out panel
Speed up Ajax apps
Integrate Google Calendar in your website
Create your own Ajax effects
Ajax Toy Box
Alistapart – Get started with Ajax
Image Cropping
RSS Ticker
Ajax Tutorial
Slide in RSS Items
Mastering Ajax
Digg Voting
Ajax Poll
Ajax-S – Ajax Slideshow
Ajax and Flash – Aflax
Ajax Mistakes
Ajax Enhancement for WordPress Blogs
Develop Web Applications with Ajax
How do you code an Ajax Page ?
Step by step Ajax
Take command with Ajax
Ajax Style Switcher
What is Ajax ?

.

Javascript Libraries


Prototype
Bajax
Behaviour
Rico
Solvent
Script.aculo.us
Mochikit
Moo.fx
Toxic
Plex Toolkit
Engine
Ajax Toolkit
Interactive Website Framework
RSLite
XHConn
Taconite
Qforms
Jspkg
Ajax Caller
Sajax
Sardalya
X
Ajax Requests
Moo.Ajax
Spry

.

Other Tutorial Roundups

30 Ajax Tutorials
Ajax Matters Blog – 130 Tutorials
50 Ajax Reference Websites
60 More Ajax Tutorials
Ajax Impact Tutorials
Ajax Tutorials

.
Ajax Resource Sites

Ajaxian
Ajax Matters
Ajax Patterns
Ajax Magazine
Ajax Resources
Ajax Toolbox
Top 10 Ajax Applications

Bluehost is most reliable and trusted Web Host.

Our web development course provides complete information including up to date testking 350-001 tutorials and testking 640-802 books on ajax. Become expert developer with testking online course.

Get on time success in 642-983 & 642-447 exams by using our latest and high quality HP0-S27 and other superb ccnp exam pass resources of PMI-001.

Related Posts Plugin for WordPress, Blogger...
Tags:


I'm Nahid Saleem from India, Web developer and Graphic designer. I am passionate about anything which relates to web development and design.

39 Responses to “Mighty List Of Ajax Tools + Tutorials”

  1. [...] more from the original source: Mighty List Of Ajax Tools + Tutorials | Quality Design and … SHARETHIS.addEntry({ title: “Mighty List Of Ajax Tools + Tutorials | Quality Design and …”, [...]

  2. [...] Mighty List Of Ajax Tools + Tutorials. [...]

  3. [...] Mighty List Of Ajax Tools + Tutorials | Quality Design and Development Resources | AntsMagazine [...]

  4. jorge says:

    this list rocks

  5. Mighty List Of Ajax Tools + Tutorials…

    AJAX (shorthand for asynchronous JavaScript and XML), is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously…

  6. Daddy88 says:

    There shouldnt even be zombies in I Am Legend. ,

  7. Jesus Ross says:

    used to play Airsoft but i stopped after some guy accidentally shot my eye “

  8.  Led Spots says:

    IE8 has some bugs too although it is more stable than IE7 and IE6′-”

  9. Issac Goonen says:

    “I was questioning should you would be interested in turning into a guest poster on my blog? and in trade you may put a hyperlink the publish? Please let me know when you get a likelihood and I will send you my contact details – thanks. In any case, in my language, you will discover not significantly great supply similar to this.”

  10. airsoft is so damn addicting and i love to play it all day’:-

  11. nahid says:

    @issac sure..

  12. nahid says:

    @issac goonen… sure

  13. IE8 seems to be very stable compared to earlier versions of internet explorer”"~

  14. we always play airsoft on our home made battle grounds .–

  15. the best thing about IE8 is that it is quite stable than previous releases of Internet Explorer-*;

  16. DVDSoft says:

    Nice sharing, thanks.
    With the right tool, you can easily burn mp4 to dvd and itunes to dvd.

  17.  says:

    May I simply say nice to read a alleviation to search out anyone who really knows what they are talking about on the internet. You definitely know how to take an issue to light and make it essential. More people require to learn it and understand it section of the story. I cannot believe you aren’t very popular as you surely have the gift.

  18. audi york says:

    You should take part in a contest for one of the best blogs on the web. I will recommend this site!

  19. denver it says:

    You made some first rate points there. I looked on the internet for the problem and located most people will go along with together with your website.

  20. Wow! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?

  21. monagansburg says:

    This is one of the most incredible blogs Ive read in a very long time. The quantity of data in here is stunning, like you practically wrote the book on the subject. Your blog is great for anybody who desires to realize this subject a lot more. Wonderful stuff; please maintain it up!

  22. Notable blog. it is good to check out some valuabe content on a free resource. Great to stumle across this site. Thank you for your knowledge.

  23. audi york says:

    I wish to express appreciation to the writer for this wonderful post.

  24. cruisers says:

    I don’t care how the others who commented here are feeling about your article – I still like it.

  25. Your place is valueble for me. Thanks!…

  26. More people need to read this and understand this aspect of the story. I cant believe you’re not more popular.

  27. Can I simply say what a relief to find someone who truly knows what they’re talking about on the internet.

  28. Adley says:

    Good posting. I was checking this blog and that i’m impressed! Useful details particularly the final part :) I attend to this kind of details lots. I wanted this certain info for a very long time. Thanks and good luck.

  29. Manoloweb has a great little Ajax implementation of an inline editor. It’s a tiny script, but it can be modified to be as simple or complex as you wish. Thanks,

  30. Hii, your own evaluation is essential personally, Presently I have considerably a lot more information about this specific. I will return once more and again to get a internet site.

  31. Far Cry 3 Beta Key Generator…

    I saw this really great post today….

Leave a Reply

© 2012 AntsMagazine.Com. All rights reserved.
Proudly designed by Web Micra.