RSS Feeds 
Feed Comment Accordion Interface component based on the excellent Interface library.
Download
Interface 1.2 146kb (source files, compressed files)
jQuery 1.1.2 19 kb
FreshGenerator is a webdesign tool which can create interesting graphic elements used in many web 2.0 sites. You may use it to create boxes of different styles and colors. In order to make changes on your image later, store the link listed below the image. To save the file you’ve just created, right click on the image and select “Save image as”.
As everybody knows, refreshing pages is so 1999. AJAX, DOM, whatever you call it makes it possible to let people edit a piece of text inline without having to use a submit button.
You say: but that ain’t new at all! I say: But all of this has been made easy to use and implement: 2.0!
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
5. Validating a Registration Form
A simple way of validating a registration form via AJAX and PHP. It uses jQuery for AJAX calls and visual effects and a PHP/MySQL back-end to check for duplicates. This little demonstration is made to illustrate the simple, elegant and unobtrusive way to make verifications on text fields without leaving the page.
6. Timeframe
Timeframe is open source and available for forking, pushing, and pulling at Github:
Click-draggable. Range-makeable. A better calendar.
FormWorld.Net is a FREE service for building online forms for collecting all kinds of feedback from your website visitors.
Using our form builder, you can easily design the web forms that suits your needs in no time. No html skills are required, but if you are an experienced web designer you will have the option to change the appearance of all generated online forms.
By choosing from the number of different color templates, pre-built controls and setting their properties you have the opportunity to give your online form a unique look as well as tailor it to meet all of your requirements. All languages and alphabets are supported.
Creating forms with our builder is really fast: No sign-ups are required; You do not have to install anything on your computer; The intuitive user interface can only move your focus away from all the details and inspire you to build your perfectone-of-a-kind online form.
8. Ajax Builder
Sigma visual builder is web based tool for AJAX RIA application UI rapid design and involved scripts programming. With this powerful builder, developers can develope your web application just like what you do in VB or Delphi.
Real WYSIWYG buider. Drag & Drop Only
9. CSS Dockmenu
If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles – top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.
CrossFade Anything is an unobtusive script that will reveal multiple elements one at a time with a transition effect.
This tutorial explains how to implement a tabbed search bar using CSS and Javascript. When you click over a tab you change the value of an hidden input field which you can use to set searching option (web =1, image = 2, Video = 3…)
12. loupe.js
loupe.js 1.32 allows you to add a loupe (magnifier) to images on your webpages. It uses unobtrusive javascript to keep your code clean. It uses unobtrusive javascript to keep your code clean.
It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it’ll degrade and your visitors won’t notice a thing.
13. sphere.js
sphere.js 1.11 allows you to add a spherical picture effect to images on your webpages (alternatively: slided.js or filmed.js).
It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it’ll degrade and your visitors won’t notice a thing.
CVI-lab: Get a fast impression of the effects and their illustration qualities.
14. busy.js
busy.js 1.21 allows you to add/remove loading indicators to html elements (or viewport) on your webpages (inc. overlay color & transparency). It uses unobtrusive javascript to keep your code clean. Requires no plugin/extension or any other external resource!
It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it’ll degrade to simple quadratic shapes.
15. Ajax RSS reader
Learn how to build an Asynchronous JavaScript and XML (Ajax) Really Simple Syndication (RSS) reader, as well as a Web component that you can place on any Web site to look at the articles in the RSS feeds.
The first thing I thought about doing when I read about requesting Extensible Markup Language (XML) from JavaScript code on a Web page was to get some RSS and display it. But I immediately ran into the security issue of XML Hypertext Transfer Protocol (HTTP), where a page that comes from www.mysite.com can’t address pages from anywhere other than www.mysite.com. My plans to build a generic RSS reader in just the page were dashed. But Web 2.0 is all about ingenuity, and solving the problem of how to create an RSS reader with XMLHTTP teaches a lot about how to program the 2.0 Web.
This article walks through the construction of an Ajax-based RSS reader using both XMLHTTP and <script> tags as the transport mechanisms.
16. Creating an AJAX Rating Widget
Frequent visitors of ajax enabled websites, like ajaxian, have all witnessed them already: ajax rating widgets. They are flashy, animated, you can use them to rate the content (usually without refreshing the page) and if you could, you’d present them to your parents and marry them. Compared to the classic rating system, as on IMDb, they incite people to click them, reducing the effective rating process to only one click.
17.Integrate Google Calendar in your website using AJAX
One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it’s a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website. For example a community that use the service to manage their events, or to display your future trips in your blog ?
Max’s AJAX file uploader is a simple and easy to use script, which allows you to upload files to your webserver without reloading the current page. During the upload an animated progress bar is shown. The server side is written in PHP.
Max’s AJAX website preloader is a simple AJAX framework which allows you to display an animation during your website is loading. Installation and usage is very easy, only takes some line of copy and paste. An example code and detailed installation instructions are also attached.
20. Load In and Animate Content
In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.
21. Ajax Chat
Ajax Chat is a light-weight customizable web chat software implemented in JavaScript and PHP. The script does not require Java, Flash, or any other plugins.
Before I made this I spent hours looking for a script that already did this. I didn’t find anything that suited my needs so I just made it myself. It’s fairly simple and I used prototype to make it even more simple. Anyway, I’m releasing it to the general public.
Not much to say here! Simply upload the files as is and it should work from the get-go! For implementation into a design just simply copy the HTML and stick it anywhere in the page! You can view the e-mail addresses that have been entered by going to the file.txt in the same directory as your write.php file. You can protect people from viewing it with their web browser by CHMODing the read writes to zero.
• No Java script
• No Browser Complability problem, works with Safari, IE7/8, Firefox 2.0/3.0
• Very easy code to implement Login system, Images preview etc
24. hnGuestBook
hnGuestbook is a simple guestbook that uses a flat file to store the messages. That means that no SQL database is required. The guestbook uses AJAX technology, so you could view the pages, and sign the guestbook without reloading the whole page. Some of the features are a bad words filter, spam protection, and a simple admin panel to manage the messages.
25. Smart Grid, an Ajax-driven table editing tool
Smart Grid is an Ajax-based table editing tool. Allows to manage DB tables without reloading web pages. 100% JavaScript that makes it possible to use it with any server-side technology.
Powered with Smart Cells – Ajax-based library that allow to make any part or your page editable.
Leave Your Comments Below