Spicy News @ Express Speed.

 

Complete list of script, toolkit, web 2.0 development and technology available in the Internet. Max Kiesler has prepared this extensive list of directory. Our sincere thanks to him. If have missed any web 2.0 and ahead development related links and news please help us update the following list. Web  2.0, Ajax, Flex even Fjax has been listed here.  

Agile Design

Fjax - a lightweight methodology for Ajax style development Jun 23, 06 Fjax is a technique focused on drastically streamlining the XML handling layer of web 2.0 applications. Picture Ajax’s XML parsing and handling with less than 65 lines of code! It’s not a replacement for toolsets that provide presentation-layer visual gizmos. Think of it as a new engine to put under the hood of all the great widgets that are already out there.

Ajax Wireframing Approaches Apr 18, 06 In this installment, we’re going to go over a few techniques and approaches we use to create the foundation of every prototype–wireframes. In addition to serving as documentation for those working with the markup, wireframes are a great way to create screenshots and debug rendering problems that are happening during DOM manipulation.

A Designer’s Guide to Prototyping Ajax Apr 10, 06 Jeffery Zeldman wrote earlier this year in his essay about Web 3.0 that "Wireframing AJAX is a bitch." And while I can’t deny the statement, I do think there are steps we can take to alleviate the pain. The problem is static XHTML/CSS wireframes are woefully inefficient at the task of communicating and documenting the features available to the new crop of Ajax web sites.

HTML Prototyping and Agile Development Mar 07, 06 Chances are, you use some sort of prototyping to illustrate Web interfaces for clients and stakeholders, and rely on those prototypes for approval. Whether you’re using visual design comps, wireframes, site maps, process flows, page description diagrams (PDDs), or a combination of these, your goal is always the same. You want to mitigate the cost of making changes.

AJAX Auto-Complete

Using Ajax Agent and PHP for Auto-Complete Jun 16, 06 Description: In this HOWTO I will explain how to use AjaxAgent and PHP to create an Ajax Auto-Complete box with a drill-down list of data. Although the state of this Ajax Framework is questionable it is so far the simplest and easiest framework I have found.

AJAX Blogs

AJAXPress Mar 06, 06 AJAXPress aims to be a very minimal, but very usable, AJAX powered blogging system. AJAXPress is focused on ease of use, web standards, and speed. AJAXPress is not full of unnecessary features that just confuse the user. AJAXPress is light, fast, and simple. And best of all, it’s 100% free open source!

logahead - AJAX Bloggng Tool Feb 26, 06 A nice AJAX blog built by a 17 year old developer. As the developer stated, "logahead is a brand new blogging engine with a ‘keep it simple’ philosophy. Designed from the ground-up to be fully buzzword compliant (AJAX, RSS, Web 2.0 - it’s all there), logahead lets you effortlessly do what blogs were invented for:"

BloxPress Feb 25, 06 A modular AJAX Wordpress theme. My vision was to have a fully customisable layout like seen on MyYahoo or NetVibes.com and maybe some neat effects here and there… On my first attempts I failed badly and thought I will never be able to make it, but then I stumbled over the brand-new script.aculo.us Web 2.0 JavaScript.

AJAX Magazine Feb 20, 06 AJAX blog focusing on new AJAX developments.
AJAX Freaks Feb 01, 06 This website exists to provide you with information to use while learning or developing AJAX. If you need AJAX Help or you would like to provide AJAX Help to other developers, you are in the right place.

AJAX Review Oct 06, 05 Web 2.0 Dissected

Cyber Dummy Oct 06, 05 AJAX code samples and source code

Ajax Blog Sep 13, 05 Japanese ajax blog by Yukio Andoh.

Ajax Developer Sep 13, 05 Current ajax blog.

Ajax Scripting Sep 13, 05 German ajax blog.

Ajaxian Sep 12, 05 Blog covering Ajax development around the world.

AJAX Calculators

Calcoolate Apr 01, 06 All your calculations are done only on your computer. No calculation or conversion is sent to our servers. The history of your calculations is stored on your computer using a cookie. No history is sent to our servers.

calcr - Simple AJAX Calculator Apr 01, 06 A very simple online calculator.It’s all done with a little JavaScript and HTML/DOM-Manipulation (DHTML). Your data is not transmitted to any server! If you have cookies enabled the history will also be there after you close the site or your browser.

AJAX Calendars

Monket Calendar Oct 04, 05 Simple ajax calendar system
Eventful Sep 30, 05 AJAX Calendar
Planzo Sep 18, 05 Online AJAX Calendar
CalendarHub Sep 15, 05 Calendaring and sharing application built with Ruby on Rails.
Kiko Sep 12, 05 Ajax calendaring.

AJAX Chat

Lace - Ajax Chat Apr 04, 06 Lace is a free, lightweight Ajaxian communications engine suitable for a shoutbox, chat room or similar. Version 0.1.3 brings with it several bug fixes, a tiny bit of code reorganization and most importantly, an oft-requested User List.
AJAX Chat Sources Code for Download Mar 06, 06 After a slow start (following the announcement of the XHTML (ajax) Chat) things got finally busy. I had so many requests that I have decided to offer the complete sources for download. As everything on plasticshore I am releasing it under the always same creative commons license.
Most Simple Ajax Chat Ever Feb 25, 06 Very easy to use AJAX chat demo.

AJAX Contact Forms

AJAX Contact Form Sep 15, 05 Trying to add a progress bar to your contact form?

AJAX Demos

Basic AJAX Examples Feb 11, 06 The downloadable samples include full JavaScript & Java Source, a sample database for any SQL database, and a PowerPoint presentation. This sampler shows some basic techniques to demonstrate some of the possibilities of using AJAX/XMLHTTPRequest techniques in web applications. Basic browser & server interaction is demonstrated along with dynamic population of visual elements such as DIVs and SELECT drop downs.In addition, many ways of instantiating & encapsulating XMLHTTPRequest objects are shown in the Javascript.
Drag & Drop Sortable Lists with JavaScript and CSS Feb 07, 06 In Web applications I’ve seen numerous, and personally implemented a few, ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification…boo.
FireBug Jan 30, 06 FireBug is a new tool for Firefox that aids with debugging Javascript, DHTML, and Ajax. It is like a combination of the Javascript Console, DOM Inspector, and a command line Javascript interpreter.

AjaxAnywhere Sep 16, 05 Ajax JSP Components.

fileNice Sep 16, 05 PHP and AJAX file browser.

AJAX Instant Edit Example Sep 15, 05 In spanish.

AJAX Drag and Drop

Dragable RSS boxes Mar 15, 06 This is is a script that uses Ajax to read data from external RSS sources and display them inside dragable boxes. You can also create new boxes dynamically directly from the page.

Fun with Drag and Drop with RICO Feb 20, 06 For those of you who haven’t seen Rico its another AJAX library, with quite a few cool extras. What I’m going to cover here is my first expiriment with Rico and their ‘drag and drop’ functionality. Getting basic drag and drop functionality is extremely easy with this library, and with just a bit of modification you can easily make it fit whatever you could want.

AJAX Email

Take AJAX to Your Email Inbox: Developing a Web-based POP 3 Client Mar 31, 06 In this article, the first of three parts, you will start creating a simple web-based POP 3 client using AJAX, which will use "XMLHttpRequest" objects to retrieve messages from a mail server.
Ajax Workshop 1: Ajax Basics & Building a Simple Email Verification With Prototype.js Feb 19, 06 In this introduction we will build a simple form (I know it says not to use AJAX for simple forms, but it is an easy example) that submits a user’s information to the database and confirms if the user’s email address is already in the database. We will be using a common JavaScript library by the name of prototype.js.
Zimbra Sep 18, 05 Open source AJAX email program

AJAX File Uploaders

CakeTimer - Demo Page | An Ajax file uploads progress bar May 06, 06 This is a demonstration of an AJAX powered progressbar to monitor file uploads with (Cake)PHP. Yes you’ve heard right! Well, but before you begin to drool all over the place, there is one downside: it requires a Perl script that allows you to know the upload progress. But besides this little downer you have a maximum of flexibility regarding the design of your progress-bar and integration in your system.

AJAX Flash

Incito - Interactive Everything Jun 30, 06 SwfJax is a new approach to asynchronous JavaScript and XML applications using revolutionary Flash technology. SwfJax uses a lightweight SWF (Adobe’s Small Web Format or simply - Flash) engine to get XML data from the server and xPath (XML Path Language) to address a part of data it has retrieved. Data can be returned back to Javascript as an Array. You can also send multiple xPath queries at once.
AFLAX: The AJAX Library for the Adobe Flash Platform Mar 15, 06 AFLAX (Wikipedia Entry) stands for Asynchronous Flash and XML. Defined simply, AFLAX is a development methodology which combines Ajax and Flash to create more dynamic web based applications. Developed by Paul Colton, the AFLAX technology is available as a library that enables developers to use JavaScript to fully utilize all of the features of Adobe’s Flash runtime — including graphics, networking, video and camera support.

AJAX Forms

HTTP Authentication with HTML Forms Jun 16, 06 Authentication in Web applications has been highjacked, HTTP defines a standard way of providing authentication but most apps use the evil spawn of Netscape, otherwise known as cookies. Why is this? Cookies aren’t designed for authentication, they’re a pain to use for it, insecure unless you know what you’re doing, non-standard, and unRESTful.
FormSpring Mar 24, 06 Online AJAX powered from builder.
Niceforms Mar 04, 06 Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web.
Capxous - AutoAssist Mar 01, 06 AutoAssist is an auto completion web widget that written in pure JavaScript. It can help enhance the accessibility of existing website, let the users to work effective and feel comfortable. Moreover, it just a pure JavaScript file that won’t break existing code or development style. (Related post: http://capxous.com/autoassist/)
Cake Baker - Submit a Form With AJAX Feb 27, 06 The new release of CakePHP (RC2) comes with a completely rewritten AjaxHelper::form() function (with the disadvantage that it breaks existing code).
Wufoo - AJAX Form Builder Feb 23, 06 Wufoo is a web-based tool to help you build and host amazing online forms. In only a few short minutes, you can create a mailing list, a marketing survey or even a complete customer management system.
Accessible Forms and Unobtrusive Javascript - dotvoid.com Feb 20, 06 I usually try to separate backend logic from the user interface logic when creating new PHP applications. I am pro fat gui and usually have a lot of client side scripting going on. I mostly use AJAX or other remote scripting techniques to call actions defined in the PHP backend.
jotForm Feb 20, 06 jotForm is the first web based WYSIWYG form builder.

AJAX Frameworks and Toolkits

The JavaScript Library World Cup Jun 14, 06 Love them or loathe them, JavaScript libraries are making a huge impact in the area of DOM Scripting. As AJAX matures, and the complexity of the scripts required to support its expanding use increases, it becomes much less feasible to produce custom code from scratch for every project.
DWR - Easy AJAX for JAVA Jun 05, 06 We are developing DWR version 2.0, and recently announced ‘Reverse Ajax’ which allows Java on the server to asynchronously send Javascript to the client. See the release notes for milestone 1 and milestone 2 or download it now.
Seven Ajax Frameworks and Toolkits to watch out for Jun 04, 06 Understanding Ajax is one part of the issue however the more complex part is that of actually implementing it. As no real Java developer can develop an application without using a framework, it was only a matter of time before hundreds of Ajax frameworks sprang up. With frameworks, there’s always the concern that you will lock your applications into the framework or even worse adopt a framework that isn’t suited to your needs.
Introducing Protowidget May 31, 06 I’d like to introduce a new JavaScript/Ajax framework that my company is creating. We’re calling it Protowidget because it uses Prototype and does things with widgets. And yes, we know it’s 2006 and this is something like the 800th Ajax framework released this year. We think this one is new and different, though (of course, every parent thinks their baby is beautiful).
Google Web Toolkit - Build AJAX apps in the Java language May 16, 06 Google Web Toolkit (GWT) is a Java software development framework that makes writing AJAX applications like Google Maps and Gmail easy for developers who don’t speak browser quirks as a second language. Writing dynamic web applications today is a tedious and error-prone process; you spend 90% of your time working around subtle incompatabilities between web browsers and platforms, and JavaScript’s lack of modularity makes sharing, testing, and reusing AJAX components difficult and fragile.
Comparison of Dojo and Prototype May 12, 06 flashbang on the Dojo IRC channel suggested I do a quick write-up of my experiences working with Prototype and Dojo. I’ve used Prototype for a couple of AJAX-heavy applications (for Cute Overload and American Idol) and am using Dojo for my current project.
Spry framework for Ajax May 11, 06 The Spry framework for Ajax is a JavaScript library for web designers that provides functionality that allows designers to build pages that provide a richer experience for their users. It is designed to bring Ajax to the web design community who can benefit from Ajax, but are not well served by other frameworks.
5 Next Generation PHP Frameworks May 06, 06 Gone are the days of coding entire PHP apps from scratch. These are the 5 forerunners for the next generation of PHP frameworks. Each one of these frameworks has some foreword thinking quality that sets them apart from the PHP frameworks of yesterday. Many of these are a response to the recent Ruby on Rails, rapid application development hype,
MODX - Ajax CMS and PHP Application Framework May 02, 06 MODx is an open source PHP Application Framework that helps you take control of your online content. It empowers developers and advanced users to give as much control as desired to whomever they desire for day-to-day website content maintenance chores.
Comparison of Dojo and Prototype (javascript toolkits) Apr 26, 06 Flashbang on the Dojo IRC channel suggested I do a quick write-up of my experiences working with Prototype and Dojo. I’ve used Prototype for a couple of AJAX-heavy applications (for Cute Overload and American Idol) and am using Dojo for my current project.
ICEfaces Apr 13, 06 ICEfaces Community Edition is an Ajax application framework that enables J2EE application developers to easily create and deploy thin-client rich web applications in pure Java. ICEfaces Community Edition is a fully featured product that Java developers can use to develop new or existing J2EE applications at no cost.
The haXe Programming Language Apr 03, 06 The Web is evolving quickly, with different technologies needed at different places. For instance, if you want to create a website now you’ll have to handle several languages, on the server side, a web language such as PHP, Perl, Ruby or Python, on the client side, Flash (ActionScript 1, 2 and now 3) and Javascript / DHTML / AJAX. The haXe programming language is uniting theses different platforms under one language.
PAJAJ - Object Oriented AJAX Framework Apr 03, 06 What is the PAJAJ framework, it stands for (PHP Asynchronous Javascript and JSON). It is a object oriented Ajax framework written in PHP5 for development of event driven PHP web applications.
ZK - Rich Web Application Framework Apr 01, 06 ZK is an open-source Ajax Web framework that enables rich UI for Web applications with no JavaScript and little programming. With event-driven feature-rich components, developing becomes as simple as programming desktops. With a markup language, designing becomes as simple as authoring HTML.
Flex Framework:FABridge Mar 22, 06 The Flex Ajax Bridge (FABridge) is a small, unobtrusive library of code that you can insert into a Flex application, a Flex component, or even an empty SWF file to expose it to scripting in the browser. It is being released to the community under an open source license.
Rialto - Rich Internet Application Toolkit - Ajax based Mar 22, 06 Rialto (Rich Internet Application Toolkit) is ajax-based cross browser javascript widgets library. Because it is technology agnostic it can be encapsulated in JSP, JSF, .Net, Python or PHP graphic components.
Echo2 Mar 21, 06 Echo2 is the next-generation of the Echo Web Framework, a platform for developing web-based applications that approach the capabilities of rich clients. The 2.0 version holds true to the core concepts of Echo while providing dramatic performance, capability, and user-experience enhancements made possible by its new Ajax-based rendering engine.
Dojo Done Quick Mar 12, 06 You’ve heard all about this fancy JavaScript toolkit called ‘Dojo’ and you’re a fairly experienced developer but this is a new world and you have no real idea how to get it to work for your project. Here’s a quick guide to get up to speed with a couple of Dojo’s major strengths, Widgets and Events.
Web Input Completion Kit Mar 07, 06 This is WICK, the Web Input Completion Kit, an evolving framework that leverages web standards such as JavaScript, DOM and CSS to facilitate textual input in form UI elements assisted by local and remote data sources. This framework strives to remain unobtrusive and preserve a form’s semantics and accessibility.
Zoop - PHP and AJAX Development Framework Mar 06, 06 Zoop is an object oriented framework for PHP based on a front controller. It is designed to be very fast and efficient and very nice for the programmer to work with. It is easily extensible, and you need only include the functionality you use.
JS-Sorcerer Mar 05, 06 JS-Sorcerer is a JavaScript development tool that greatly increases JavaScript programmers’ productivity. It performs syntax checking, variable type and flow analysis on standalone JavaScript files, and provides type-safe linking for applications and projects that consist of multiple JavaScript files. It detects and reports errors at compile time, eliminating the need to invoke a browser simply to catch syntax and typographical errors. It incorporates an extensive catalog of browser idiosyncrasies, and produces effective cross-browser code from DOM-compliant JavaScript, allowing developers to ignore browser incompatibility issues.
alphaWorks : AJAX Toolkit Framework : Overview Mar 03, 06 A technology that assists in constructing Eclipse framework support for AJAX Toolkits and provides enhanced DHTML/Javascript IDE features for AJAX developers. (This is an ETTK technology.)
ZK - Rich Web Application Framework Mar 01, 06 ZK is an open-source Web framework that enables rich UI for Web applications with no JavaScript and little programming. With event-driven feature-rich components, developing becomes as simple as programming desktops. With a markup language, desigining becomes as simple as authoring HTML.
XOAD - PHP / AJAX framework Feb 26, 06 AJAX/XAP object oriented framework that allows you to create richer web applications.
My-BIC = Easy Ajax Feb 25, 06 After tiring of over hyped ajax frameworks trying to hide the guts that make ajax programming fun I decided to share my recipe for easy to make ajax applications where you still have control over everything, but the setup of it all is handled for you. This is a basic state of mind system rather than a framework. I offer you four files and a design pattern that allows you to focus on making things happen rather than setting things up. This is designed for PHP5 but can be written for php4 if people are interested.
TinyAjax - php5 Ajax library Feb 22, 06 You don’t have to write any javascript, but if you want you’re free to do so and you can mix as you want, use TinyAjax automatically generated code and your own existing scripts. You can also export global functions and a class-functions in the same page. - metz.se
AJAX AGENT - helping WEB become the platform Feb 16, 06 AJAX AGENT is a very easy to use, yet very powerful open source toolkit for rapidly building AJAX or Rich Internet Applications (RIA). For the PHP version, it takes only three lines of code to invoke a remote scripting call. Remote scripting is an integral part of AJAX.
MagicAjax Feb 12, 06 MagicAjax.NET is a free open-source framework, designed to make it easier and more intuitive for developers to integrate AJAX technology into their web pages, without replacing the ASP.NET controls and/or writing tons of javascript code. MagicAjax initially appeared as a codeproject article. Now it is hosted on Sourceforge and you can find the latest release at the downloads section.
AJAXLib Feb 08, 06 AJAXLib is a small JavaScript tool that makes working with AJAX applications a little easier.
The AJAX Toolkit Framework (ATF) Project Feb 05, 06 The AJAX Toolkit Framework is a proposed open-source project to be incubated within the Eclipse Web Tools Platform ("WTP") Project. This document describes the content and the scope of the proposed project.
Taconite - Cross Browser AJAX Framwork Feb 01, 06 Taconite is a framework that simplifies the creation of Ajax enabled Web applications. It’s a very lightweight framework that automates the tedious tasks related to Ajax development, such as the creation and management of the XMLHttpRequest object and the creation of dynamic content. Taconite can be used with all modern Web browsers (Firefox, Safari, IE, Opera, and Konqueror, to name a few) and can be used with any server-side technology including Java EE and .Net, although Taconite does have its roots in Java EE.

AJAX Galleries

Pyxy-gallery May 15, 06 Pyxy-gallery is a PHP script to make an image gallery. There are many other scripts to do this, but this one is different. Maybe even better.
Lightbox JS v2.0 Mar 31, 06 Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
Suckerfish HoverLightbox Mar 28, 06 I was truly impressed by the development of the Hoverbox Image Gallery written by Nathan Smith of SonSpring. It was great to come across some optimization of the code by Craig Erskine and I thought it was a really creative way to show a collection of images in a gallery.
iPhoto-like image resizing using Javascript Mar 05, 06 Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work of others, it’s actually very simple. If you use the script.aculo.us slider control to capture input values, it’s really just a matter of converting those values into something useful and modifying styles.
Building aB: Customizing LIghtbox Feb 10, 06 So, there’s been a HUGE buzz lately over Lightbox JS (and semi-modal Javascript overlays in general, as Particletree has recently discussed) as a way to deliver content to the user without a popup or reloading the page. This technique can be successfully used for many types of interactions, but it seems ideally suited for (and Lightbox JS is specifically made for) showing larger versions of images.
Lightbox Gone Wild Feb 04, 06 While researching the best way to recreate a modal window for our current project, we ran into Lokesh Dhakar’s lightbox.js and we knew we found a winner delivery container. Dhakar’s method, however, while fantastic, was a bit too specific for our purposes and so we created our own implementation that we think is a bit more flexible for extending a web site’s interface. In this tutorial, we’ll take a look at how to create a modal window using some nifty JavaScript and CSS.
Lightbox JS Feb 04, 06 ightbox JS is a simple, unobtrusive script used to to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
zenphoto Oct 04, 05 Great image gallery with ajax features
AJAX Powered Image Gallery Sep 20, 05 No server-side programming needed
Beseku Gallery Sep 19, 05 Flickr AJAX gallery
AJAX powered fading image gallery tutorial Sep 19, 05 A nice place to start
zenphoto 0.8.2 beta developer release Sep 18, 05 AJAX photo gallery

AJAX and Javascript Editors

Antechinus JavaScript Editor: for fast and easy JavaScript / AJAX development Feb 10, 06 Give your pages a real edge: quickly add e-Commerce and interactivity to your site with client-side scripting, and visually enhance websites with menus and multimedia capabilities.

AJAX Keyword Suggest

How to create the Google Suggest feature with ASP.NET 2.0 Feb 09, 06 Google Suggest seems to be the topic du jour in the blogosphere. It is a cool feature, but what I really enjoy is that it is yet another real world example of a "chubby" client.

AJAX Libraries

JSXML XML Tools Jun 13, 06 JSXML includes REXML, a high-performance parser that doesn’t mind if you throw 2000 lines of (well-formed) XML at it, a builder with a unique API that invites the coding of GUIs (graphical user interfaces) around it, and an iterator that makes costly recursion unnecessary. It was released under the LGPL (it’s free for private and commercial use, no strings attached) and has been downloaded over 300 times.
Ajax/DHTML Library Scorecard: How Cross Platform Are They? Mar 05, 06 Nice benchmark study of Ajax/DHTML Libraries and cross platform compatibility.

AJAX Lightboxes

Litebox- Same great taste, less calories Jul 04, 06 Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.
LITBox Jun 21, 06 So with all of the light/thick/whatever-box methods out there today, why would I build my own… because I wasn’t all that thrilled with the other ones out there. Don’t get me wrong, LITBox is not perfect, but for what I am developing at SpinWeb, it is the best fit. Probably the biggest advantage of the LITBox, is that it is a lightbox written into a class. This gives it the ability to open multiple instances of the LITBox and be able to control each one with unique settings and controls.
ThickBox - One box to rule them all Apr 25, 06 My version of the Lightbox technique includes functionality similar to that of the Greybox technique. That is, ThickBox can show html pages as well as images. The html that is shown inside ThickBox is pulled from the server using AJAX (really AXAH).

AJAX Live Grids

Ajax DataGrid With Client-Side Paging Mar 20, 06 Hi there of course all of you hear about Ajax and about its performance,but the main problem is you have to write Javascript function for each case also I didn’t found any code to fill Datagrid(note: Datagrid is converted to Html Table at Client-side) with Ajax so I decided to write generic JavaScipt library for Ajax and also support Datagrid with paging.
dhtmlxGrid - sortable Javascript DHTML grid with rich script API Feb 11, 06 dhtmlxGrid is a cross-browser JavaScript grid control that represents data in a sortable DHTML table. This component allows you to design comfortable user interface by organizing your data into configurable dynamic grid with different cell types, client-side sorting, resizable columns, powerful API, buffering and dynamical loading and other handy features.

AJAX Live Search

HOWTO: Animated Live Search / Ordered List by Steve Smith Feb 19, 06 I’ve been meaning for some time to give a little tutorial on the live search I created for this latest design. There are a few steps involved, and I’ll do my best to explain each as we go. I should also note that I’m not including all the effects that you’ll find in my search. They require some special WordPress template changes that you shouln’t have to make. And I need to keep mine unique, right? Also, I’ll be touching on a few steps that are WordPress specific, but the theory can be applied to any site platform.
Creating an Autosuggest Textbox with JavaScript, Part 1 Feb 15, 06 Over the past year, Google has branched out from its search engine into other types of Web applications. One that caused a great deal of excitement among Web developers is Google Suggest. The basic idea is very simple: as you type, Google suggests search terms that come up with results. The first suggestion is filled into the textbox as you type while a list of several suggestions appears in a dropdown list beneath the textbox.
Live search explained Feb 10, 06 Live search will gradually replace traditional search in web applications. As mainstream programs such as Windows Vista matures up to release, and live search is deeply integrated, we can expect more web pages implementing live search. Apple’s Spotlight and MSN Desktop Search uses the same Live search paradigm that we’ll probably see a lot more in the year to come.

AJAX Login Systems

AJAX Uber-Uploader Apr 10, 06 Uber-Uploader is a group of programs written in Perl, PHP and Javascript. It is intended to present a graphical representation of the status of a web based file upload in the form of a progress bar.
Better File Uploads with AJAX and JavaServer Faces Feb 09, 06 n this article, we will take fresh approach and implement an AJAX-powered component that will not only upload the file to server, but also monitor the actual progress of a file upload request in "real time."
AJAX Login System Demo from JamesDam.com Feb 04, 06 Creating a secure login system using XMLHttpRequest. This is an example of a login system that does not require page refreshes, but is still very secure. Valid usernames and passwords for this demo are user1/pass1 and user2/pass2. Try these, and also incorrect passwords to see the results.
AJAX Login System Demo Sep 15, 05 Login with no page refresh.

AJAX Patterns

18 New Ajax Programming Patterns Apr 03, 06 I’ve uploaded full text for 18 new Ajax patterns, completing a first-cut draft for all Programming Patterns content, which will be one part of the book. This section bridges the gap between the very basics of Ajax - XMLHttpRequest, DOM, etc - and the high-level stuff like widgets and visual effects.

AJAX Presentations

Thumbstacks.com AJAX Presentations Feb 23, 06 With Thumbstacks.com, you can make presentations - like slideshows, or outlines - right in your web browser. When you’re done, you can share your presentations with anyone, anywhere, just by sending them a link.

AJAX Rating Systems

Multiple CSS/AJAX Rater Feb 13, 06 This multiple CSS/AJAX rater solves the problem of getting multiple rating bars on one page (if you wanted to put a rating system in multiple posts on one page, for example).
Star Rater Ajax Version Feb 13, 06 A nice star rating tutorial that updates the database with AJAX.

AJAX RSS

quickSub Jul 05, 06 quickSub is a Javascript function that adds intelligence to the Jason Brome’s RSS feed feed button on your web page. Just roll your mouse over the example, and you’ll be instantly greeted by one-click subscription links to the most popular aggregators.
Ajax RSS Reader May 14, 06 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.
AJAX RSS Reader Step by Step Tutorial Apr 22, 06 I received many emails requesting more AJAX workshops, and as I promised before, this is another tutorial about writing an AJAX RSS Reader.
Dragable RSS boxes Mar 15, 06 This is is a script that uses Ajax to read data from external RSS sources and display them inside dragable boxes. You can also create new boxes dynamically directly from the page.
An RSS + Ajax + JavaScript ticker Feb 13, 06 Tutorial on how to make a AJAX ticker out of an RSS feed.
Advanced RSS Ticker (Ajax invocation) Feb 09, 06 RSS is a popular format for syndicating and displaying external content on your site, such as the latest headlines from CNN. Well, with this powerful RSS ticker script, you can now easily display any RSS content on your site in a ticker fashion!
OPod v0.1 Feb 08, 06 The OPML-Pod is an AJAX OPML and RSS viewer widget that you can embed in any web page you like. The interface is inspired by the Apple’s hierarchy browsers like the Mac Finder and iPod.

AJAX Security

AJAX Security Basics Jun 20, 06 Ajax is considered the next step in a progression towards the trumpeted, "Web 2.0." The purpose of this article is to introduce some of the security implications with modern Ajax web technologies. Though Ajax applications can be more difficult to test, security professionals already have most of relevant approaches and tools needed.

AJAX Slides

AJAX-S Feb 12, 06 The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to). Naturally, one of my inspirations for creating a HTML-based slideshow are from Eric Meyer and his S5. However, I wanted to take it one notch further, to make it more flexible and also usable for people with no HTML knowledge whatsoever. Another motivating factor was to just transform the data for the current page, as opposed to creating all the HTML needed for all the pages when the page is initially loaded. A leaner end user experience, basically.

AJAX Slideshows

JonDesign’s Smooth SlideShow Library Jul 28, 06 Using moo.fx and prototype.lite.js, this javascript slideshow system allows you to have a simple and smooth (cross-fading…) image slideshows and/or showcases on you website.
Introducing FlickrShow Jul 26, 06 FlickrShow is a simple slide-show tool that allows you to display images from a Flickr photoset on your web site. It is easy to use - photographs can be displayed by adding a few simple lines of HTML and Javascript code to your site. It is also unobtrusive and compact, the script only adds an additional five kilobytes to your page.
Rich Ajax slide shows with DHTML and XML Apr 22, 06 Learn to create an Asynchronous JavaScript and XML (Ajax) client-side slide show that’s animated using "Ken Burns Effects." Here, you discover how to build XML data sources for Ajax, request XML data from the client, and then dynamically create and animate HTML elements with that XML.
Prototype Javascript Lightboxes Apr 19, 06 This class is based on Prototype 1.5. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file.
Revolver | FiRE | Fast Image Rotation Engine Apr 03, 06 At Tubatomic Studio, we were looking for a quick, simple, and reusable doohickie (technical jargon) to showcase images on our own personal websites. Being graphic designers we wanted to show off our big, bold, beautiful images in a click-thru gallery with zero space for navigational controls, run by a super-fast engine built with minimal code. Guess what? We couldn’t find one. What to do? We made one… and then we did what we usually do when we create something useful and cool - we built a website for it to give it away for free.
Live Thumbnails: Watch ‘em Grow Feb 23, 06 They’ve been around since forever, and they all work the same way. You have a page full of thumbnails, and when you click one, you get a page with a larger version. What if thumbnails could grow into full images seamlessly right on the same page?
Christof Wagner - fotograf Feb 17, 06 AJAX slideshow with a nice window shade translation. There is no documentation or download, however it is a good example to look at.
Lightbox Gone Wild Feb 04, 06 While researching the best way to recreate a modal window for our current project, we ran into Lokesh Dhakar’s lightbox.js and we knew we found a winner delivery container. Dhakar’s method, however, while fantastic, was a bit too specific for our purposes and so we created our own implementation that we think is a bit more flexible for extending a web site’s interface. In this tutorial, we’ll take a look at how to create a modal window using some nifty JavaScript and CSS.
Lightbox JS Feb 04, 06 ightbox JS is a simple, unobtrusive script used to to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
AJAX Slideshow Sep 15, 05 It resizes, it transitions, it fades in and out and it’s not flash!

AJAX Surveys

dPolls Feb 07, 06 dPolls.com is website dedicated to providing the best online polling experience avaiable. Make your opinion heard by voting to any poll you’d like. Let other people know what you think, and find out if people think the same as you.
Asynchronous Polling Oct 04, 05 Using Asynchronous JavaScript and XML

AJAX Tabs

rendr 2 Jun 11, 06 Ive been tinkering with a rapid html prototyping tool for sometime and have finally fixed a critical bug that was making it a pain to use for large bits of markup. I now feel its good enough to share.
The Ultimate Tabbed Menu Apr 01, 06 The Ultimate Tabbed Menu features well styled tabs, with support for shadows, using a three piece assembly method - somewhat similar to the Sliding Doors technique.
AJAX Tabs Feb 23, 06 CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they’re so… static. I’ve taken the idea of the sliding door tabs and mixed them up with a little javascript and ajax to make them very dynamic on the client side.

AJAX Tutorials

Link Thumbnail Jul 19, 06 A picture’s worth a thousand words, right? So spice up those plain old text links with Link Thumbnail, the second tool from the arc90 lab. A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they’re going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page. It’s a nice visual cue that serves a very real purpose: providing a clearer picture (no pun intended) of what’s ahead.
Carousel Component Jul 14, 06 The Carousel widget provides a way to display HTML elements either horizontally or vertically with or without animated scrolling. The loading of elements is separated from the component allowing the carousel to manage static HTML elements or dynamically generated content (DHTML, with Ajax for example.) The examples below illustrate the various ways to create and manage the carousel.
Ajax Activity Indicators - Make Them Global and Unobtrusive Jul 10, 06 One of the coolest things about developing ajax-enabled applications and sites is the level of interactivity that you can bring to your users. And perhaps one of the most crucial aspects of this process is adding activity indicators to your site. While a lot of ajax requests can be very fast, it’s still important to let your users know that something is happening.
Timeout your Mouseovers Jul 07, 06 The problem with most menu systems is that they’re really touchy whether you’re too fast or slow with the mouse. The trick is to use a timeout with the effect, so it will wait a fraction of a second to pop-up, and a fraction of a second to go away…just enough to make the effect feel solid and not finicky.
Top 12 Ruby on Rails Tutorials Jul 06, 06 A former student asked me a few days ago how I learned Ruby on Rails. The answer was that I simply read alot of great tutorials. So in the spirit of sharing, here are the 12 tutorials that I found most useful.
Go forth and API Jul 03, 06 Application Program Interfaces are, broadly speaking, tools for building software applications. An operating system API might help you build applications with a consistent interface, but Web APIs are mostly about giving you access to data. Even Web APIs aren’t a new idea. Google’s search API has been available via SOAP since 2002, and there’s definitely older services than that. However, the recent growth in Web API availability has been fuelled by two recent developments. The first, which I’ve already mentioned, was a philosophical change in the way that data is handled. The second was the introduction of AJAX. Again, not a new idea, or even a new technology, but sometimes it’s all about timing.
Scalable AJAX Jul 02, 06 AJAX done well can reduce server load and bandwidth, but I’ve seen a lot of people jumping on the AJAX bandwagon who don’t really consider what the impact is on the back-end. Done badly, AJAX can bring a server to its knees.
AJAX Desktop Tutorial Jun 27, 06 The purpose of this tutorial is to explain, step-by-step, how to create an AJAX desktop/homepage. The homepage we will create will have most of the capabilities of established homepages like Netvibes, PageFlakes, etc.
SortedTable example Jun 13, 06 SortedTable allows you to make any valid table a sortable one. Tables can be sorted automatically or manually by moving rows.
Prototype Window Class : Samples Jun 12, 06 Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose().
15 Days of jQuery Jun 10, 06 If your project calls for AJAX or DOM scripting and you need it done quickly, with minimal fuss, and you believe in keeping things simple, then jQuery might be perfect for you.
Developing PHP the Ajax way, Part 2: Back, Forward, Reload Jun 09, 06 A major challenge of Asynchronous JavaScript and XML (Ajax)-driven Web sites is the lack of a Back button. We will use JavaScript to create a history stack for the Ajax photo gallery built in Part 1 of this two-part "Developing PHP the Ajax way" series. This history stack will closely mirror the history utility found in Web browsers, and it will be used to provide Back, Forward, and Reload buttons for the application.
AJAX Feedback Mechanism Jun 08, 06 One thing that I have always tried to solicit as much as possible is user feedback. For example, when a user signs up for Toronto, they get a personalized email from me, complete with my actual email address. I want to make it as easy as possible to give feedback.
Bubble Tooltips Jun 08, 06 Nearly two years ago over at pro.html.it I wrote an article on how to build pure CSS tooltips and then spice them up with a little DOM to ensure semantic use of the title attribute. Recently I was playing with a variation, a nearly pure Javascript+CSS approach where the tasks assigned are more clearly separated: interaction to javascript, presentation to CSS. So the new article on Bubble Tooltips was published this week in italian on Pro, and I’m presenting here a translation for the international audience.
AJAX Counting Nightmares Jun 07, 06 I’ve been very vocal about the AJAX counting issue; I’ve written several articles, spoken on panels, and pushed the IAB to update the impression guidelines on a very fast timeline. There’s been interest and response, and the IAB is beginning to act. But everyone involved in the process realizes this will take time. So today, my recommendations for how developers of AJAX Web pages and software applications that include advertising can deal with the unique counting issues.
Building a Pagination System with AJAX Jun 06, 06 You know how to use AJAX to pull rows from a database, but do you know how to create an AJAX-based system to organize the records neatly into pages? You’ll know how to do that by the end of this series! This first article shows you how to build the user interface.
Prototype Window Class : Introduction Jun 06, 06 This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory. It has been tested on Safari, Camino, Firefox and IE6.
Script# Prototype Jun 05, 06 Script# brings the C# developer experience (programming and tooling) to Javascript/Ajax world. This post shares a prototype project for enabling script authoring via C#..
Cheat Sheets for the YUI Utilities Jun 04, 06 The YUI development team has begun drafting some cheat sheets — inspired by the handy references published by ilovejackdaniels, among others — that give you a one-page dashboard of documentation for each of the library’s components.
Working with the Google Web Toolkit Jun 02, 06 The Google Web Toolkit (GWT) is, in essence, a JavaScript generator. The interesting thing is what this JavaScript is generated from: Java. GWT takes Java code written against a special API and converts it into browser-runnable Ajax code. If that weren’t enough to make it cool, it also includes a test harness (see Figure 1) that will execute the Java code inline with a test browser, allowing you to step-through debug (see Figure 2), profile and unit test your Ajax front end in your favorite IDE or at the command line.
Narrative JavaScript May 30, 06 Narrative JavaScript is a small extension to the JavaScript language that enables blocking capabilities for asynchronous operations. This makes writing asynchronous code sequences easier and increases code readability.
Responsible Asynchronous Scripting May 30, 06 Asynchronous or remote scripting has been lurking in the background of web app development for quite some time now. Originally dependent on proprietary technology like Java applets, ActiveX and Flash or clever combinations of disparate technologies like images and cookies, native support for the XMLHttpRequest (XHR) object in modern browsers has made it easier than ever to make web apps more responsive and more like their desktop counterparts. This lower barrier to entry also makes it easier to make poor decisions and inappropriate use of a powerful technology.
More Rounded Corners with CSS May 25, 06 More rounded corners: Taking the "Sliding Doors" approach to fluid, rounded-corner/border/shadow-based dialog boxes, with examples .
Editable JavaScript TreeGrid May 24, 06 EJS TreeGrid is DHTML component written in pure JavaScript to display and edit data in table, grid, tree view or grid with tree on HTML page.
Ajax Tabs Content Script May 23, 06 This tab content script uses Ajax to let you display a selection of external content on your page inside a DIV and via CSS tabs! We got our inspiration for this script from Yahoo’s new homepage, which employs such a concept to show news in an organized fashion.
Serving JavaScript Fast May 22, 06 The next generation of web apps make heavy use of JavaScript and CSS. We’ll show you how to make those apps responsive and quick.
AJAX:Getting Started - MDC May 18, 06 This article guides you through the AJAX basics and gives you two simple hands-on examples to get you started.
AdvancedAJAX 1.1 May 18, 06 AdvancedAJAX is a JavaScript object allowing to use XMLHttpRequest object easier and speeding up development of AJAX based projects. It consists a bound of methods helping creating queries, error handling, usage with HTML forms as well as connection timeouts and reconnecting.
SilverStripe AJAX Tree Control May 18, 06 Nice AJAX tree tutorial and script using Prototype and Behaviour libraries.
Easy AJAX inline text edit 2.0 May 17, 06 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.
jsScrolling May 12, 06 Nice javascript text scroller with examples.
Javascript Motion Tween May 10, 06 Nice tutorial on how to do a purely javascript powered motion tween.
Really easy field validation with Prototype May 10, 06 I wanted a robust javascript validation library that was simple to implement and didn’t require me do any extra work other than creating the form.
Introducing AjaxSpy May 10, 06 While playing with the new RJS templates in rails, I found it difficult to know what was actually being returned from my requests. Thus, AjaxSpy was born. It’s a simple JavaScript and CSS file. All you need to do is include the js file in the header of your document, the css is automagically included (must be in the stylesheets directory). The script relies on Prototype 1.5.0rc0, and for it to be sexy you need the Scriptaculous effects library. You can include it conditionaly based on params in the query string, or do some fancy session stuff.
Mapping website visitors in real time May 08, 06 A while ago I had an idea. What if I were to try to geographically locate all the visitors to my website, and tag their locations on a map? Using Google Maps, Ajax, MySQL and some PHP, it came together quite nicely.
AJAX Edit In Place With Prototype May 08, 06 Late last year Drew McLellan posted a great article on 24ways.org called Edit-in-Place with Ajax. Using Flick as an example and Prototype to do the heavy lifting he showed how to edit text inline. Like many other people I’ve been fascinated by this approach to altering text. After playing with Drew’s example off and on I finally sat down and decided to generalize it a bit more to make it easier to use.
Speed up your AJAX based webapps May 02, 06 It sets the expiry of the JavaScript to years and not days. Once the JavaScript file is downloaded it is never downloaded again, ofcourse unless you force it by removing the file in the cache. If you visit the site often the JavaScript will not be removed from the cache. If you make any changes to the JavaScript you only need to change the version of the file and the new file will be downloaded.
Kick-start your Java apps, Part 2 Apr 25, 06 This tutorial guides you through the development of a small human-resources application, first using conventional JavaServer Pages (JSP) based technology, and then migrating it to a highly interactive solution using Ajax.
HowTo add Ajax in-progress indicators Apr 24, 06 Ok, so my little del.icio.us app (click link to read about how I added Ajax functionality to a simple Rails app) is pretty cool, but it was missing one big thing. When the user clicks the "Get Results" link she has no idea that the page is communicating with the server. While the communication doesn’t go on forever, an impatient user might click the link multiple times.
Scriptaculous Cheat Sheet #1 Apr 24, 06 During my talk at Canada on Rails I mentioned that I was working on a Scriptaculous cheat sheet, at the behest of none other than Thomas Fuchs himself. (Actually it was more a teasing-slash-friendly challenge situation than a behest, as such, but I digress.) He hasn’t stopped bugging me about it, and so it’s actually gotten done.
Howto integrate Google Calendar in your website using AJAX Apr 21, 06 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 ?
Scriptaculous Lists with PHP Apr 19, 06 Scriptaculous is one of many great new JavaScript libraries created to answer the call for well written ‘Web 2.0′ JavaScript libraries. Written by Thomas Fuchs, scriptaculous has many features that can be used in AJAX-ified applications, drag-and-drop effects, and a whole slew of visual effects. The drag-and-drop effects, most notably the sortables, caught my eye because the look great, they are so easy to implement, and they’re just so much nicer than the standard listbox with up/down arrows that we see in most of today’s applications and administration tools.
Create Your Own Ajax Effects Apr 18, 06 Why let script.aculo.us have all the fun? Start building your own Ajax-driven visual effects today. The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We’re going to show you how to take basic effects and build on them to create your own. So let’s get going.
Building a Shelf in WordPress Apr 13, 06 Nice tutorial on how to build a sliding shelf in Wordpress.
An Introduction to AJAX Apr 13, 06 A very nice introduction to AJAX.
AJAX, Get Started, Resources & Tutorials Apr 13, 06 This is Web 2.0 week and how I can miss the core of Web 2.0 - AJAX. We see AJAX just about everywhere, though most of the times, it is integrated right inside the web, that it is hard for us to decipher it is AJAX.
Nitty Gritty Ajax Apr 12, 06 If you hang out with designers and developers at all, then you’ve probably heard the term "Ajax" by now. It’s the official buzzword of Web 2.0. But it’s also an extremely useful web development technique.
AJAX Resources for Beginners Apr 10, 06 Like many people out there, I’m just getting to know the technologies AJAX’s hood. For people who don’t know about AJAX, Wikipedia gives good info. Ajax in one line is a technology by which you can send and receive data without the page being reloaded, so it looks more ‘dynamic’. I guess this could be the dummy way of explaining it.
Ajax Beginners Tutorial Apr 03, 06 In this tutorial we’ll discuss the basic principles of remote scripting using Ajax, a combination of javascript and XML to allow web pages to be updated with new information from the server, without the user having to wait for a page refresh. Ajax therefore allows us to build web applications with user interfaces rather more like those of desktop applications, providing a better experience for the user. Ajax tools are becoming increasingly popular, and a list of ajax development projects is also given.
Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples Apr 03, 06 A great group of AJAX examples.

AJAX - Other

AjaxWp - An AJAX enchancement for WordPress blogs Jul 27, 06 AjaxWp is a lightweight JavaScript enhancement that adds AJAX functionality to WordPress blogs speeding up load times, increasing the responsiveness of the user interface and giving the blog an overall cooler look. Out of the box AjaxWp requires minimal configuration and no additional markup, other than the script inclusions in the header file and a support PHP file. This allows AjaxWp to degrade gracefully and leave the blog fully functional even for users with JavaScript disabled.
Ajax for Java developers: Exploring the Google Web Toolkit Jun 28, 06 The recently released Google Web Toolkit (GWT) is a comprehensive set of APIs and tools that lets you create dynamic Web applications almost entirely in Java(TM) code. Philip McCarthy returns to his popular Ajax for Java developers series to show you what GWT can do and help you decide whether it’s right for you. (Note: You can now download an updated ZIP file containing the article source code.)
Project jMaki Jun 15, 06 jMaki is all about enabling Java developers to use JavaScript in their Java based applications as either a JSP tag library or a JSF component.jMaki uses the best parts of Java and the best parts of JavaScript to deliver a rich AJAX style widgets. jMaki currently provides bootstrap widgets for many components from Dojo, Scriptaculus, Yahoo UI Widgets and DHTML Goodies. This project also includes a set of AJAX widgets with a focus on Web 2.0 such as a RSS widget, a del.icio.us Bookmark widget, a Chat widget, and many more to come.
MapStats May 18, 06 Blog Flux MapStats is the coolest way of tracking your website visitors. Not only does it provide the normal statistics and graphs, we have incorporated the system into Google Maps! Instantly see where your latest visitors are coming from, and find out what they are looking for.
Ajax Loading gif Generator May 17, 06 A very cool page that allows you to choose from several style of loading gif and then add any color to it.
XmlHttpRequest Debugging for IE May 16, 06 Since I wrote the original XMLHttpRequest Debugging user script for Firefox (screenshot), almost a year ago, it has received a lot of positive feedback and a number of you expressed interest in having the tool support IE, to ease your AJAX development. Finally, here is a port of the script to run on IE, in the form of a bookmarklet
Blursoft MetaForum May 12, 06 Blursoft MetaForum takes a lot of inspiration for it’s features from AJAX and Web2.0 models, but does so correctly, the way they were designed to be used. Back buttons work. Browser Histories stay intact.
Bounty Source’s SVN Browser May 12, 06 Welcome to bsSvnBrowser’s home. We are a Ruby on Rails Subversion Browser. Subversion is an open-source revision control system, more information found at subversion.tigris.org. We make heavy use of "AJAX" technology to give it that live application-like feel.
Considering Ajax, Part 1: Cut through the hype May 10, 06 Inspired by Alex Bosworth’s list of Ajax mistakes, Chris Laffra has compiled a set of discussion points for every developer to consider before using Ajax techniques for a Web site that he outlines in this two-part series. Some points are potential problem areas; most highlight Ajax’s great potential.
How to paginate, sort and search a table with Ajax and Rails May 07, 06 This is a very common task in web application development. The interest to use Ajax for this is to provide a dynamic interface which doesn’t need to reload the entire page when the table changes. The interest of using Rails is… well, if you are reading this you should already know, but Ajax is really nicely integrated with Rails, and using it is very easier with this great framework.
A Simpler Ajax Path May 03, 06 While not exactly new, the XMLHttpRequest object is receiving more attention lately as the linchpin in a new approach to web app development, most recently dubbed Ajax (asynchronous JavaScript and XML), which powers the cool features found on sites like Flickr, Amazon’s A9.com, and the new poster children for whizzy web-based interactivity, Google Maps and Google Suggest.
Head Rush Ajax May 03, 06 Head Rush Ajax scales well. Ready-to-run scripts for the more technical components of the sample applications are provided so that a reader with only a background in HTML and CSS will not experience barriers to participation early in the book. This facility does not come at the expense of the experienced web developer; anyone who knows their way around a PHP script and databases is free to write the server-side code on their own.
ajaxOS May 01, 06 ajaxOS is a Linspire-based operating system with some revolutionary new features to support the adoption of web-based software.
How To Load And Parse XML Data Without ActiveX Apr 27, 06 A little known but cool feature of Internet Explorer is it’s support for XML data islands. Basically, you can embed some XML data in a page.
Offline Access and Permanent, Client-Side Storage Apr 27, 06 I’m proud to announce the immediate availability of dojo.storage and a new web-based editor named Moxie.
Some AJAX Pattern Screencasts Apr 27, 06 These are a couple AJAX patterns that Alexei and I put together for a an AJAX business case webinar we did with Jupiter Media a couple weeks ago.
Javeline DeskRun Apr 27, 06 Javeline DeskRun allows developers to deliver their Internet application to the Windows desktop, as a Native Windows Application. Applications can look and feel exactly like a native Windows application. DeskRun gives full access to the local file system and the system tray, and allows caching of data so the application can also be used without a connection to the internet.
RJS Assertions Apr 25, 06 I’ve been doing a little bit of refactoring and code improvement on some of my pet Rails projects. One of the things that I’d previously not found a great way of testing was Rails 1.1’s RJS templates, Ruby generated JavaScript, a key part of Rails’ AJAX support. I’ve posted previously about what I’ve been attempting, and you can see from the example test that it’s not particularly pretty:
Inline AJAX Comments Plugin for Wordpress Apr 22, 06 This plugin allows for the ability to expand the comments of a post below the main post content using ajax. This ability is built-in to my tonus theme, but at the request of many users I have bundled the features into a separate plugin. This plugin is based on code written by Mark Jaquith.
Analysis: BPM Vendors Tap AJAX to Put Process in Context Apr 21, 06 The hot AJAX development approach isn’t just for pretty, consumer-oriented Web sites such as Google Earth and Netflix.com. Business process management (BPM) vendors Pegasystems and Appian use AJAX (Asynchronous JavaScript and XML) in their latest releases to deliver interfaces that are not only rich, dynamic and user-friendly, but much more process-relevant and personalized.
Smoot Web-based Ajax Diagram and GIS tool Apr 21, 06 Welcome to Smoot and thanks for giving it a shot. Briefly, Smoot is a Web-based tool for creating diagrams of icons and links between them. Features include Google Maps and Google Earth integration, configurable tool palettes, and automated palette generation from a Google Local query.
New release of JSF AJAX Components Apr 21, 06 Nearly a year ago, the BluePrints and JSF teams at Sun began to work on the story of how AJAX and JSF would work together. As we began to get into it, we found that these two technologies were very complimentary. We developed and continue to refine techniques for how to use AJAX with JSF.
BadgerFish Apr 20, 06 BadgerFish is a convention for translating an XML document into a JSON object. Once you’ve got your XML document represented as a JSON object, it’s easy to manipulate from within Javascript. If you’re familiar with PHP’s SimpleXML extension, think of BadgerFish as aiming for a similar goal: making it simpler to do common manipulations of XML documents with a predictable structure.
Presenting ajaCSS (ajax + CSS) Apr 20, 06 Speech recognition with AJAX, ajax + css for low resolution displays and ajax + css for pattern matching / hand writing recognition
Java BluePrints AJAX Components Apr 20, 06 Asynchronous JavaScript with XML(AJAX) is emerging as a hot technology. The Java BluePrints is helping by providing an early access set of AJAX components for Java EE. These components are built using JavaServer Faces technology.
Introducing ajaxTunes Apr 20, 06 ajaxTunes is a web-based media player that lets you play, pause, forward and rewind high-quality streaming music straight from the Internet on any computer.
Lightstreamer is a push engine for live data distribution Apr 19, 06 Based on the AJAX-Comet paradigm it streams real-time data to an HTML browser without the need to download or install anything on the client, updating the changed data on the screen without reloads. It can also enliven any traditional thick client application with streaming data through client APIs.
Implementing Mutual Exclusion for AJAX Apr 19, 06 With the increasingly popular AJAX paradigm, a browser page can make requests for server data in the background while the user interface continues to be active in the foreground (hence the "asynchronous" in AJAX). However, the problem exists that these two activities are typically accessing common JavaScript and DOM data structures simultaneously.
DutchPIPE Apr 18, 06 With free DutchPIPE software, web developers can turn sites into virtual multi-user environments. Each page will become an abstracted environment or location where visitors and other items on the page are visualized. This status is retained as visitors move around. A whole lot of real-time interaction is possible. On the client side, DutchPIPE is pure DHTML/AJAX - it works without Java, Flash, plugin, firewall adjustments, etc., and is purely based on the Document Object Model. On the server end, it uses PHP.
YShout: A PHP & AJAX-powered shoutbox for your website Apr 17, 06 YShout is a lightweight package that allows you to add a shout box to your website. It is standards compliant, non-intrusive, and utilizes AJAX. Rather than a long and boring explanation, I’ll let you see for yourself:
Speeding Up AJAX with JSON Apr 14, 06 When Microsoft added the ActiveX XMLHTTP object to Internet Explorer’s implementation of JavaScript, the company planted the seed for the revolution in Web applications known as Asynchronous JavaScript and XML, or AJAX. Today, Firefox, Safari, Opera, and other browsers all support what is now known as XMLHttpRequest, making possible sites such as colr.org, backpackit.com, and maps.google.com.
TapeFailure Apr 14, 06 TapeFailure is a "history recording tool." What this means is that anyone can record a browsing session using TapeFailure’s recorder, then save it, and share it with others. Each recorded session can be played back virtually perfectly through our playback tool; as long as you know the tape ID or have a link, you can view your recorded session over and over again.
Introducing ajaxXLS viewer Apr 14, 06 We are happy to announce the release of ajaxXLS 0.5 viewer, a web-based viewer application with a look and feel similar to Microsoft Excel. With one click you can easily open any .xls file in just a few seconds. The interactivity and responsiveness provided by AJAX programming allows you to enjoy the power and utility of a spreadsheet without the cost of conventional software.
AJAX: Building a Spy Apr 13, 06 I like Digg Spy. Lately I’ve been really interested in the idea of exposing the inner workings of a site to its visitors, and to that end I’ve added three new AJAX powered pages to Glowfoto: Glowfoto Spy, Watch Glowfoto and the Referer Cloud. Have a look at those before continuing so we’re all on the same page.
Yuan.CC Web Experiments - flickr mash-ups Apr 13, 06 A very nice group of flickr mash-ups
What is BoxOver? Apr 13, 06 BoxOver uses javascript to show tooltips on a website. Move your mouse over the items below to see examples.
Orbeon Apr 13, 06 With the open source Orbeon Presentation Service (OPS), use standard XForms to Ajax-enable your form-based web applications and make them user-friendly and simpler to create.
Http: A Caching XmlHttpRequest Wrapper Apr 13, 06 XmlHttpRequest is a class available in client-side JavaScript for making new HTTP requests from within a page. It is implemented as a built-in object in Safari and FireFox, and as an ActiveX object on Internet Explorer.
Alternative zu Popups - unobtrusive Apr 12, 06 Pop-Up windows are a pain in the lower back to use. Years of abuse by advertisers, malicious attackers and phishing attempts have conditioned users to close them immediately or turn on their third party pop-up blocking tool or the browser option to do the same.
Google Map Maker Apr 12, 06 Make google maps the easy way. Use the map to find locations, activate the controls, click where you want a marker and add your information. Click ‘Generate code’ to get the source code to add to your website.
Mashup Data Formats: JSON versus XML Apr 12, 06 On one side, we have the XML/XMLHttpRequest camp. It uses the world-wide XML standard for data. It also involves using the XMLHttpRequest capabilities of most all browsers to retrieve information from a server. We use the XMLHttpRequest object to get XML from our server. So when we say XML in this article we really are talking about both the data format and the data transportation pattern: the two are tightly linked in this area. Due to security concerns, the server has to be in the same domain as the web page.
Ajaxload - Ajax loading gif generator Apr 12, 06 (Related post: Nice group of activity indicators.)
AJAX interaction in your Web Application using XMLHttpRequest object Apr 11, 06 Everybody till now must have atleast heard about AJAX (Asynchronous JavaScript And XML). This example will give you an idea about how you can implement simple AJAX interaction in your web application.
AjaxAMP 3.0 Apr 11, 06 AjaxAMP v3.0 is a Web 2.0 plugin for the excellent Winamp Media Player. It allows you to access Winamp over the network using a web browser and control it or stream music to or from it.
AJAX: Is your application secure enough? Apr 05, 06 We see it all around us, recently. Web applications get niftier by the day by utilising the various new techniques recently introduced in a few web-browsers, like I.E. and Firefox. One of those new techniques involves using Javascript. More specifically, the XmlHttpRequest-class, or object.
Ajaxterm Apr 05, 06 Ajaxterm is a web based terminal. It was totally inspired and works almost exactly like http://anyterm.org/ except it’s much more easy to install.
Color Tool 2.0.1 Alpha Apr 04, 06 Pull out the color tool, hidden on the left to begin. The top and middle row of colors are varations used to alter the rows of colors on the bottom of the pallette. These bottom colors can be dragged to the right of the website, and dropped on the boxes. Save the colors using the form below. Get the URL to your color set by clicking the ‘link to’ link next to the save form after saving.
Ajax and Your CMS Apr 04, 06 For the Web CMS world, Ajax offers the possibility for a better user experience for content authors as well as site visitors. But what of its limitations? While Ajax delivers many benefits, it also creates a few challenges. This article will look at some of the benefits and limitations of Ajax for managing web content.
Usable XMLHttpRequest in Practice Apr 03, 06 Two weeks ago I highlighted the most important usability issues with XMLHttpRequest. This week we are going a step closer to see how you can mix the two - including a practical example, just for the fun of it.
Places To Use Ajax Apr 03, 06 Here are places it’s useful to use Ajax: (This is a collaborative wiki list - feel free to add your own ideas to it)

DOM

DOM Builder Apr 25, 06 The functions simply return a DOM node that you can append to whatever part of the document you like. Each function takes an number of arguments. The first argument can contain an object literal of attribute/value pairs if you need to specify attributes but if you don’t need attributes you can just leave it out. Otherwise it creates text nodes of any text you give it and appends any DOM nodes you give it. That’s it.
From DHTML to DOM scripting Apr 14, 06 In this article we will try to help JavaScript beginners to spot old and outdated JavaScript techniques and explain what their issues are. We do this by looking at a web page that might have been developed around the millennium with development ideas that were good at the time (DHTML), but result in inaccessible or even broken pages in today’s web environment.
domCollapse Apr 13, 06 domCollapse allows you to collapse and expand parts of page by activating other parts of a page. To define a element that expands or collapses others add the class trigger to it as an attribute. This will automatically collapse the next following element in the document tree and add the functionality to alternately collapse and expand it.
Faster DOM Queries Apr 10, 06 Alex Russell, head honcho of the Dojo Foundation, suggests a hideous hack to speed up DOM queries. Why does he want to do this? He wants behavioral extensions to be applied as quickly as possible and he has a point. For a good user experience the code to support a web interface should be applied as quickly as possible.
Gecko DOM Reference Mar 22, 06 Very comprehensive DOM reference from the mozillia development center

Javascript

RND - Fast and Simple JS Template System Aug 12, 06 As web applications get more dynamic and complex, it’s crucial to know what’s the fastest way to render content. I have done some research and I am gladly sharing it with you.
Aptana The Web IDE Jul 31, 06 Aptana is a robust, JavaScript-focused IDE for building dynamic web applications. Highlights include a Code Assist for JavaScript, HTML, and CSS languages, including your own JavaScript functions. Plus many more.
Javascript Boot Camp Tutorial Jul 27, 06 Even though AJAX wouldn’t ever have become so popular if the Javascript world hadn’t suddenly exploded with mature development and testing tools, there’s little information on how to be a really good Javascript programmer. This talk is for everyone who feels their Javascript skills just aren’t up to snuff.
Mouse wheel programming in JavaScript Jul 25, 06 Web applications are becoming more and more like "normal" desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. So we have drag and drop, autocompletition, and much more. Many of those nice features got possible only with help of AJAX. This page, however, is not about AJAX (or any other buzzword). It is about rather simple user input method — mouse wheel.
Javascript Sockets Jun 22, 06 I could not find a single way to have real sockets in Javascript. Google told me that there probably is no solution except embeding a java applet or an active-x component! So I thought why not using a little .swf file as a bridge from javascript to the socket functions of flash!
getElementsByClassName Deluxe Edition May 03, 06 Anyone who’s into javascript will most likely have written their own take on a getElementsByClassName function. I had a look around at a few recent examples and then decided to do my own version for fun. Out of all of the functions I looked at Robert Nyman’s came closest to what I wanted (kudos!) but my version has a few subtle differences up it’s sleeve.
Six key JavaScript techniques Apr 22, 06 These are six techniques I have found to be invaluable in my JavaScript/AJAX development. If you are using library like Prototype.js, these techniques will help you better understand what’s going on behind the scenes.
Community Creators, Secure Your Code! Apr 18, 06 Personalization is a great feature–it allows users to make their personal pages come to life by adding colors, pictures, and even sound–but as with any user input, it is a security threat if not properly sanitized. The creation of a secure online community is a balancing act: your users should be able to personalize their pages using pseudo code or actual HTML, while remaining protected from vandals who might inject malicious JavaScript or otherwise cause harm.
jsolait - JavaScript O Lait Apr 18, 06 The goal is to ease JavaScript development by building a free library of reusable modules and components and enhancing JavaScript with simpler Class and Module handling mechanisms.
Nifty Corners Mar 24, 06 Basically, Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images.
TinyMCE - Javascript Content Editor Mar 22, 06 TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
A (Re)-Introduction to JavaScript Mar 22, 06 Why a re-introduction? Because JavaScript has a reasonable claim to being the world’s most misunderstood programming language. While often derided as a toy, beneath its deceptive simplicity lie some powerful language features. The last year has seen the launch of a number of high profile JavaScript applications, showing that deeper knowledge of this technology is an important skill for any web developer.
JavaScript Archive Network Mar 06, 06 JavaScript Archive Network is a comprehensive resource for Open Source JavaScript libraries and software.
Comet: Low Latency Data for the Browser Mar 05, 06 An old web technology is slowly being resurrected from the depths of history. Browser features that have gone untouched for years are once again being employed to bring better responsiveness to UIs. Servers are learning to cope with a new way of doing things. And I’m not talking about Ajax.
JScript Memory Leaks Mar 05, 06 When a system does not correctly manage its memory allocations, it is said to leak memory. A memory leak is a bug. Symptoms can include reduced performance and failure. Microsoft’s Internet Explorer contains a number of leaks, the worst of which is an interaction with JScript.
JavaScript Functions - QuickTags Mar 03, 06 I’ve released the JavaScript Quicktags used in Tasks, Tasks Pro and WordPress under the LGPL license. This is an implementation of the insertAtCursor function found below.
Javascript in Ten Minutes Mar 03, 06 Javascript is a dynamically and weakly typed language. Variables are declared with the keyword var, and the type of the variable is inferred at run-time. Common simple types, such as Number, String, and Boolean are supported. The most important type however is the Object type; almost everything in Javascript is an object.
jQuery: New Wave Javascript Mar 01, 06 jQuery is a new type of Javascript library. It is not a huge, bloated, framework promising the best in AJAX - nor is just a set of needlessly complex enhancements - jQuery is designed to change the way that you write Javascript.
What is AJAX Extended? Feb 24, 06 AJAX Extended is a JavaScript class that improves the standard XMLHttpRequest features. The most important enhancement — it breaks the cross-domain policy rules. It is possible to get data from any source, any domain and parse it with your JS scripts. Feel excited? Just keep on reading. AJAX Extended has the same properties, methods and events as the native browser implementation. You don’t have to rewrite your code — just plug in the AJAX Extended and you’re in business.
JSON in JavaScript Feb 11, 06 JavaScript is a general purpose programming language that was introduced as the page scripting language for Netscape Navigator. It is widely believed to be a subset of Java, but it is not. It is a Scheme-like language with C-like syntax and soft objects. JavaScript was standardized in the ECMAScript Language Specification, Third Edition. JSON is a subset of the object literal notation of JavaScript. Since JSON is a subset of JavaScript, it can be used in the language with no muss or fuss.
Drag & Drop Sortable Lists with JavaScript and CSS Feb 07, 06 In Web applications I’ve seen numerous, and personally implemented a few, ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification…boo.
Encapsulating Ajax XMLHTTPRequest Calls within JavaScript classes Feb 02, 06 This post describes a simple technique for encapsulating XMLHTTPRequest calls within JavaScript classes. In general, this makes code more maintainable, allows for the creation of easier to use APIs, and makes it much easier to create components / widgets that load data from the server.
Behaviour is the missing link for your ajax apps Feb 01, 06 AJAX (asynchronous javascript and xml) has been getting a lot of press lately. It is seen as a way to add desktop-application functionality to html pages. Things like Drag and drop, Fluid animations and Dynamic page updates.
Beautiful JavaScript-Powered Pages Jan 31, 06 I’ve been delving deeply into the world of Javascript-powered interfaces. Now that I’ve had some time to play and learn about the scripts and techniques that are out there, I’ve come to what I believe to be the ultimate combination.
QooxDoo Jan 30, 06 qooxdoo is an advanced open-source javascript based toolkit. qooxdoo continues where simple HTML is not enough anymore. This way qooxdoo can help you to get your rich web application interface done - easier than ever before
Cross-domain Nov 03, 05 Partial Page Updates with JavaScript
Toys Nov 02, 05 dhtml libraries, demos and applications
Behaviour Nov 02, 05 Using CSS selectors to apply Javascript behaviours
Cyber Dummy Oct 09, 05 PHP, Ajax, MySQL, and Javascript information
we05 Oct 04, 05 Presentation notes for JavaScript and the DOM
Developer notes Oct 04, 05 Using prototype.js v1.3.1
Edit in Place Oct 02, 05 With JavaScript and CSS

Mapping

Quikmaps- maps for the masses Jun 26, 06 Draw pictures and label things on a google map using simple clicks and drags. Easily move the map to anywhere in the world. Quikmaps is perfect for: drawing a map to your house, sketching out a cycling or hiking route, or telling everyone where you saw the grizzly bear.
OpenLayers Jun 17, 06 OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds. OpenLayers is completely free, Open Source JavaScript, released under the BSD License.

Microformats

Separate data and formatting with microformats Jul 12, 06 Microformats are a new way to embed structured data within standard XHTML code. Discover how to read and write the new microformats for the Web. Every once in a long while, I read about an idea that is a stroke of brilliance, and I think to myself, "I wish I had thought of that, it’s genius!" Microformats are just that kind of idea. You see, for a while now, people have tried to extract structured data from the unstructured Web. You hear glimmers of these when people talk about the "semantic Web," a Web in which data is separated from formatting. But for whatever reason, the semantic Web hasn’t taken off, and the problem of finding structured data in an unstructured world remains.

Rails

19 Rails Tricks Most Rails Coders Don’t Know Jul 11, 06 When looking at my own Rails code and that of the community as a whole, I often see places where certain Rails techniques could have been used, but weren’t. As much for my own memory as yours, I thought I’d list down some Rails tricks and tips that can make your application or code more efficient:
RJS Assertions Apr 25, 06 I’ve been doing a little bit of refactoring and code improvement