XML Ajax

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

AutoSuggest: An AJAX Auto-Complete Text Field
Oct 29, 07
The AutoSuggest class adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the tab key. The values for the suggestion list are to provided as XML (by a PHP script, or similar).

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

AJAX’d Wordpress
Nov 13, 07
AJAX'd Wordpress (AWP), formerly know as INAP, is an extremely powerful plugin that harnesses the power of AJAX and Wordpress to improve the user experience, the administration capabilities and the design potential of any Wordpress based blog. AWP's basic features include inline paginated posts, inline comments, threaded comments, the ability to submit comments with AJAX, pagination of your homepage, live comment preview and much more, but it does not, however, force you to use any feature, and it also allows all aspects of the plugin to be easily customized through a single Administration panel. AWP is built to integrate with other plugins and features an advanced module system--based off of WordPress' plugin system--that allows it to be modified with the addition of third-party extensions. It also has special features that will ensure compatibility with many other plugins.

WP Ajax Edit Comments
Nov 13, 07
WordPress Ajax Edit Comments (for WP 2.1+) allows users and admins alike to edit comments on a post. Users can edit their own comments for a period specified by the admin, and admins can edit all post comments. What better way to show reader appreciation than letting the readers edit their own typos?

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

Howto integrate Google Calendar in your website using AJAX
Oct 24, 07
"One of the features I find most interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whether it's a private or public one. As soon as we had XML of our calendar available I was wondering why not integrating Google calendar directly into a website. For example, a community that uses the service to manage their events, or to display your future trips in your blog?"

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

Drag and Drop Table Rows With Javascript
Nov 01, 07
There are many articles on implementing drag and drop in Javascript and many excellent frameworks and libraries that provide you with everything you need. In fact I use Script.aculo.us quite a bit. However, I haven't found anything much that tells you how to re-order rows in a table. Table rows are different from other elements normally used for drag and drop such as list items or divs because they can't be moved about in the same way. It wouldn't make sense to have absolute positioning on table rows-they sort of have to be in the table. There are also limitations on the styles you can put on rows, you can't have a border round them for example. So, the solution to this problem is slightly different from other drag and drop mechanisms.

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

How to Make a Password Strength Meter for Your Register Form
Nov 06, 07
A small tutorial on how to build a password strength meter like the one on Google's new account form.

FancyForm - Javascript Checkbox Replacement
Oct 30, 07
FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It's easy to use and degrades gracefully on all older, non-supporting browsers.

Validate.js

Mar 06, 07
AJAX routine to validate form based input. The script is easy to use and works on everything I've tried it on. If you use forms and AJAX on your website you should check this one out.

Really easy field validation
Mar 01, 07
Here's a form validation script that is very easy to use. The basic method is to attach to the form's onsubmit event, read out all the form elements' classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting.

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.

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 Mojo of Dojo
Nov 02, 07
Dojo is an incredibly powerful toolkit that provides a wealth of web development utilities that you don't want to miss out on. In addition to coming packed with rich, turn-key Web 2.0 widgets for you to snap into your applications, it also includes the standard JavaScript library you've always wanted, facilities for compressing your code when it comes time for production, AJAX utilities, a suite of object oriented programming (OOP) constructs that reduces the boilerplate you'd otherwise have to write and maintain your own custom widgets, and more.

How to choose a JavaScript Framework
Nov 01, 07
A JavaScript framework may not make you a better programmer, but it will make you more efficient. That alone should be reason enough to choose a JavaScript framework, or library if you prefer. Unless you decide to build your own, there are plenty of options available to developers. However, choosing the right framework can be tricky, and weeding through a mess of opinionated fanboys (myself included) is intimidating.

QuTags - AJAX for PHP

Nov 01, 07
Very nice AJAX framework for PHP. As the develper stated, "maximize PHP application performance and minimize development time with one framework. QuTags takes the burden of JavaScript away, by not only creating all the client side code, but actually propagating the returned results to the elements you specify using a really easy and extremely fast technique. Code as if you were using AJAX for PHP without JAX. You don't even have to know what AJAX or JavaScript is about. Using this library of functions requires only a very small amount of knowledge about PHP. If you can pass arguments to a function you can utilize QuTags. This framework requires absolutely no knowledge of JavaScript or XML."

ASP.NET AJAX - AJAX Framwork
Oct 29, 07
Build next-generation Web interfaces with a full suite of ComponentOne AJAX-enabled ASP.NET components that fully interoperate with the Microsoft ASP.NET AJAX 1.0 Framework.

vegUI - Javascript AJAX Framework
Oct 28, 07
vegUI is a javascript AJAX framework and widget-collection that allows you to build dynamic web applications that are also fast and flexible.

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

jQuery UI: Widgets, Components, and Interactions
Oct 28, 07
jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. The core of the library revolves around different mouse interactions, namely drag and dropping, sorting, selecting, and resizing. On top of the core interactions are built a number of reusable widgets, including accordions, date pickers, dialogs, sliders, table sorters, and tabs. Finally, the library is finished off with a few effects that you can use to liven up your site, specifically magnifier and shadow.

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

Videobox: Lightbox for Videos
Oct 23, 07
Videobox is a 6kb script, which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox's code. It's written for the wonderful mootools library. And used swfobject to embed flash.

Phatfusion - Awesome AJAX Examples

Oct 19, 07
I've been posting AJAX demo's, tutorials and code since term was introduced, and while there is only six examples now I find the AJAX work at Phatfusion as some of the best I've seen. There is an AJAX lightbox, AJAX image viewer, AJAX validate script, AJAX rounded corners, AJAX sortable table and an AJAX slideshow. Hats off to the developer.

jQuery LightBox Plugin
Oct 17, 07
ightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar. jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and you use the power and flexibility of jQuery's selector.

ModalBox
Feb 25, 07
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It's inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images. ModalBox is built with pure JavaScript and is based on Sam Stephenson's excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

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 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

How to Make a Password Strength Meter for Your Register Form
Nov 06, 07
A small tutorial on how to build a password strength meter like the one on Google's new account form.

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

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

Phatfusion - Awesome AJAX Examples
Oct 19, 07
I've been posting AJAX demo's, tutorials and code since term was introduced, and while there is only six examples now I find the AJAX work at Phatfusion as some of the best I've seen. There is an AJAX lightbox, AJAX image viewer, AJAX validate script, AJAX rounded corners, AJAX sortable table and an AJAX slideshow. Hats off to the developer.

ClickHeat
Mar 01, 07
ClickHeat is a downloadable visual heatmap of clicks on a HTML page, showing hot and cold click zones. Key features include, low logging activity: a very few function calls to log a click, no server load rise should be noticed; a keyword is used to define the page upon Javascript code load, allowing you to group same pages and Screen sizes and browsers are logged, making possible the tracking of liquid-layouts.

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 - Other

Ajax PHP tutorial
Nov 18, 07
In this article I will try to summarize the basics of Ajax and PHP communication. At the and you can find a full working Ajax - PHP example.

AJAX’d Wordpress
Nov 13, 07
AJAX'd Wordpress (AWP), formerly know as INAP, is an extremely powerful plugin that harnesses the power of AJAX and Wordpress to improve the user experience, the administration capabilities and the design potential of any Wordpress based blog. AWP's basic features include inline paginated posts, inline comments, threaded comments, the ability to submit comments with AJAX, pagination of your homepage, live comment preview and much more, but it does not, however, force you to use any feature, and it also allows all aspects of the plugin to be easily customized through a single Administration panel. AWP is built to integrate with other plugins and features an advanced module system--based off of WordPress' plugin system--that allows it to be modified with the addition of third-party extensions. It also has special features that will ensure compatibility with many other plugins.

WP Ajax Edit Comments

Nov 13, 07
WordPress Ajax Edit Comments (for WP 2.1+) allows users and admins alike to edit comments on a post. Users can edit their own comments for a period specified by the admin, and admins can edit all post comments. What better way to show reader appreciation than letting the readers edit their own typos?

How To Make AJAX Work For You
Nov 08, 07
A three hour video Ajax tutorial presented at Web 2.0 Expo Berlin on November 5th 2007.

Accelerated DOM Scripting with Ajax, APIs and Libraries
Nov 01, 07
JavaScript libraries have been around in one form or another for almost as long as JavaScript itself. As you go from project to project, itâ€™s inevitable that youâ€™ll find yourself reusing various functions. They become part of your core that you end up copying each time you start up something new. With any good library, code reuse leads to reliability; using the same code on multiple projects means that the code has been exposed to more and more people, enabling bugs or cross-browser issues to be resolved.

QuTags - AJAX for PHP
Nov 01, 07
Very nice AJAX framework for PHP. As the develper stated, "maximize PHP application performance and minimize development time with one framework. QuTags takes the burden of JavaScript away, by not only creating all the client side code, but actually propagating the returned results to the elements you specify using a really easy and extremely fast technique. Code as if you were using AJAX for PHP without JAX. You don't even have to know what AJAX or JavaScript is about. Using this library of functions requires only a very small amount of knowledge about PHP. If you can pass arguments to a function you can utilize QuTags. This framework requires absolutely no knowledge of JavaScript or XML."

Introducing a Cross Site AJAX Plugin for Prototype
Oct 27, 07
During cross site Ajax requests the standard XmlHttpRequest approach breaks down. The problem is that XmlHttpRequest is bounded by the same site policy. Fortunately the script tag has the freedom to do as it pleases.

Record Mouse Movement Using Javascript and AJAX

Oct 21, 07
Most of us who blog have statistical analysis programs to show us our website traffic. Many of the current programs let you see session data on each visitor that visits your website which includes, the pages they visited, and in some cases how long they spent on each page. The next step would be to see their mouse movements, keystrokes and the links that they click on. MoveLogger does exactly that.

AjaxPlay
Oct 03, 07
At last the web got the site most chess players waited for ages! Here you can start a game in play-by-e-mail mode and then finish it live. No downloads, it's AJAX. You need just a browser to play with your friends and other people.

Speed Up Your Javascript Load Time
Feb 26, 07
Javascript is becoming increasingly popular on websites, from loading dynamic data via AJAX to adding special effects to your page. Unfortunately, these features come at a price: you must often rely on heavy Javascript libraries that can add dozens or even hundreds of kilobytes to your page. Users hate waiting, so here are a few techniques you can use to trim down your sites.

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.

DOM

Accelerated DOM Scripting with Ajax, APIs and Libraries
Nov 01, 07
JavaScript libraries have been around in one form or another for almost as long as JavaScript itself. As you go from project to project, itâ€™s inevitable that youâ€™ll find yourself reusing various functions. They become part of your core that you end up copying each time you start up something new. With any good library, code reuse leads to reliability; using the same code on multiple projects means that the code has been exposed to more and more people, enabling bugs or cross-browser issues to be resolved.

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

QuarkRuby - Why I moved from Prototype to jQuery
Nov 07, 07
jQuery is a JavaScript library which follows unobtrusive paradigm for application development using JavaScript. jQuery inherently supports Behavior driven development and is based on traversing HTML documents using CSS Selectors. On the other hand, Prototype is a JavaScript library for Class driven development which makes life easier working with JavaScript. Prototype library has a good support in Ruby on Rails via helper functions.

Plotr - Javascript Charting Framework
Nov 07, 07
Some time ago I was looking for a charting framework for Prototype and I couldn't find it, just because there's none. So that's where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It's released under the BSD license.

How to Make a Password Strength Meter for Your Register Form

Nov 06, 07
A small tutorial on how to build a password strength meter like the one on Google's new account form.

Photo Notes - A Flickr Notes-Esque Photo Annotation Script
Nov 05, 07
Photo Notes is a JavaScript implementation of photo "annotations". Stylistically, it's based on Flickr's "Notes" feature. Under the hood, it's loosly based on the FotoNotes implementation. However, for the most part, it has been completely rewritten. Photo Notes makes no attempt to serialize the notes in any way, as that is completely system and language dependent. Instead, it provides JavaScript objects and methods for displaying and manipulating the notes. The Save and Delete functions have been stubbed out, and must be implemented separately. A typical Save method, for example, would make an AJAX call to the server, which would in turn save the note to a database.

Dynamically loading an external JavaScript or CSS file
Nov 02, 07
The conventional way to loading external JavaScript and CSS files on a page is to stick a reference to them in the HEAD section of your page. Files that are called this way are added to the page as they are encountered in the page's source, or synchronously. For the most part, this setup meets our needs just fine, though in the world of synchronous Ajax design patterns, the ability to also fire up JavaScript/ CSS on demand is becoming more and more handy. In this tutorial, lets see how it's done.

Drag and Drop Table Rows With Javascript
Nov 01, 07
There are many articles on implementing drag and drop in Javascript and many excellent frameworks and libraries that provide you with everything you need. In fact I use Script.aculo.us quite a bit. However, I haven't found anything much that tells you how to re-order rows in a table. Table rows are different from other elements normally used for drag and drop such as list items or divs because they can't be moved about in the same way. It wouldn't make sense to have absolute positioning on table rows-they sort of have to be in the table. There are also limitations on the styles you can put on rows, you can't have a border round them for example. So, the solution to this problem is slightly different from other drag and drop mechanisms.

Accelerated DOM Scripting with Ajax, APIs and Libraries
Nov 01, 07
JavaScript libraries have been around in one form or another for almost as long as JavaScript itself. As you go from project to project, itâ€™s inevitable that youâ€™ll find yourself reusing various functions. They become part of your core that you end up copying each time you start up something new. With any good library, code reuse leads to reliability; using the same code on multiple projects means that the code has been exposed to more and more people, enabling bugs or cross-browser issues to be resolved.

Bundle-Fu - Bundle Your JS/CSS Assets in 10 Seconds or Less

Oct 31, 07
Web 2.0 sites have lots of tiny javascript/css files, which causes one extra round trip per file to the server and back! This is bad! Bundle-fu throws it all up into a big package and sends it out all at once.

Javascript Image Magnification 2.3
Oct 25, 07
PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes - I know it's nothing new and that you've been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!

jQuery Crash Course
Oct 21, 07
As developers, we have more and more JavaScript libraries to choose from and, of course, the option not to use any at all. Over time, we each tend to favor one method of coding over another. For those whoâ€™d like to learn more about jQuery, one of the more popular libraries, hereâ€™s a crash course written with code-savvy web designers in mind.

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 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:

Flexstore on Rails Tutorial
Apr 19, 06
Flexstore is a traditional Shopping Cart application that you can write in Ruby on Rails. Very comprehensive and cool.

Beginners Guide to Rails, part 1
Apr 04, 06
The last write up I did here focused on the simplicity and flexibility of the Rails framework when using databases. This article will begin a series of tutorials that I will be writing here and cross posting on my site. My hope is that I can guide those who are very new to Rails and Ruby on the path of learning this awesome framework and language.

Rails RJS Templates
Mar 29, 06
During my daily reading of the Ruby on Rails mailing list I ran across a post asking about RJS templates. I hadn't heard of them before and I was intrigued to find out more.

lighttpd 1.4.8 and multiple rails-apps

Mar 27, 06
lighttpd 1.4.8 was just released and next to a pile of bugfixes we added a new option to fastcgi.server to allow a simple setup of multiple rails app in one virtual host.

Integrating a Rich-text Widget with Struts
Mar 16, 06
The problem was straightforward, all I needed was a rich-text editor that would allow me to create XHTML that I could then send back to the client. I already had a textarea, and I just wanted a rich-text replacement. I thought this was going to be simple, but the problem cost me hours. In this entry, I show the process I used to identify a suitable AJAX/Javascript library, read on...

Progress Bars with GD2 and Ruby
Mar 16, 06
I went milling about for source for progress bars that would be suitably embedded within a Ruby on Rails application I'm working on and came up with nada. Sure, sure there are lots of bars that have to do with live uploading and whatnot (see: here); but nothing that grabbed me with the interface I was looking for (call function, return data).

Ruby On Rails - AJAX Live Data Grid Example
Mar 06, 06
Historically, data sub-forms are not something that have been presented well on the web. Pop-up windows and browser page refreshing are a significant regression from the interfaces which have been provided by client/server desktop applications for over a decade. Luckily, with the advent of Rails and its partials rendering, we are in a position to do something about this usability shortfall.

Using Ruby on Rails for Web Development on Mac OS X
Mar 01, 06
It should come as no surprise that Mac OS X is a favored platform for Rails development. Rails and its supporting cast of web servers and databases thrive on the rich Mac OS X environment. The premier text editor favored by legions of Rails programmers everywhere is TextMate, a Cocoa application. And all members of the Rails core development team work with Macs. This article introduces you to Ruby on Rails by building a trivial web application step by step. Consider it a ride on the express train--an overview of what Rails can do, including a look at features new to Rails 1.0. In the end you'll be better equipped to consider the advantages of powering your web application with Rails.

Ajax Scaffold Generator for Rails

Feb 26, 06
So I just gemmed and uploaded the v2.0 release of the ajax scaffold generator. There are quite a few improvements in this version please check it out.

Shovel - Rails Deployment with Lighttpd
Feb 11, 06
Shovel is a customized Switchtower deployment file to setup config files on TextDrive in order to make it easier to start running Rails with lighttpd. It could also be modified to work with other shared hosts who run lighttpd.

Watir
Feb 05, 06
WATIR stands for "Web Application Testing in Ruby". Watir is a free, open-source functional testing tool for automating browser-based tests of web applications. It is pronounced water.

AJAX powered chat in 3 hours on Ruby on Rails
Feb 05, 06
A simple Web based chat built with Ruby on Rails. It seems to work okay, but I've only tested on FireFox and Safari. On IE it's bound to look totally out of wack as I'm not sure it supports position: fixed, which I used for the IRC-esque layout.

Selenium on Rails
Feb 05, 06
One of the things I like about Rails is the built-in support for testing - it's almost hard not to write tests. But even if I write extensive tests (currently "Code to Test Ratio: 1:3.4" according to rake stats in a small toy project) I still feel that it's not enough. That's where Selenium comes in. It's a javascript based functional test tool that uses Fit like test scripts to test web application directly in the browser.

Using the Ruby Development Tools

Nov 16, 05
Plug-in for Eclipse

Ruby Code and Style
Nov 16, 05
peer-reviewed, online journal for the Ruby community

Enterprise
Nov 03, 05
Ruby On Rails

Plugin System
Nov 03, 05
For Ruby on Rails

Linux Journal
Oct 25, 05
Exploring Ruby on Rails

TextDrive Weblog

Oct 25, 05
Optimizing Rails Resource Usage

LoginGenerator
Oct 22, 05
Login & Authentication Generator

Introducing SwitchTower
Oct 22, 05

Distributed deployment for Rails

Ajax Hierarchical Category and Calendar browser
Oct 10, 05
For a Typo blog

How to
Oct 04, 05
Integrate FCKEditor with your Ruby on Rails application

RailsPlayground.com
Oct 04, 05
New rails hosting service

Ruby on Rails
Oct 01, 05
How to use drag and drop Sorting

Grails
Sep 30, 05

Groovy on Rails

rmagick
Sep 29, 05
Thumbnailer method for a Rails 'Photo' controller

Locomotive
Sep 29, 05
One-click solution to RoR development for Mac OS X 10.3+

PHP on Trax
Sep 21, 05
PHP framework based on Ruby on Rails

TextDrive
Sep 21, 05
The official Rails hosting service is accepting new clients again!

How To Use Instiki As Web Site
Sep 16, 05

Very easy.

3rd Party Rails Helpers
Sep 16, 05
Great helpers like live tree and pagination helper.

Vim syntax for eRuby
Sep 12, 05
Highlight eruby code blocks within html.

Rails Academy
Sep 12, 05
Rails video instruction.

Rails documentation
Sep 12, 05
Complete documentation with classes files and methods.

Ruby On Rails
Sep 12, 05

Framework for developing fast, clean web applications.

YubNub
Sep 12, 05
Ruby on Rails command-line web experiment done in 24 hours (!)

Rails Blog Apps

Ajax Hierarchical Category and Calendar browser
Oct 10, 05

For a Typo blog

Typo
Sep 12, 05
Ruby on Rails blog software.

Rails CMS Apps

MuraveyWeb
Sep 12, 05

CMS built on a ruby on rails framework

Rails Wiki Apps

Instant Rails
Oct 22, 05
Drop it in your directory - and you're done

Instiki
Sep 12, 05

A wiki clone which is very easy to use.

Hieraki
Sep 12, 05
Open source, wiki-like system.

Ruby

Opensource Wiki in Rails With a Wysiwyg Interface
Oct 17, 07

Groupswiki is a simple opensource wiki that uses wysiwyg editing to lower the barrier so that more people will write to the wiki. It uses protoedit -a richtext editor written using Prototype.js. It uses ruby on rails and should work with most backend databases.

Rails, Geocoding, and Google Maps
Apr 19, 06
This is a simple example to demonstrate how to display a Google Map using Ruby on Rails, including utilizing a geocoding web service to translate addresses to geocodes.

Ruby on Rails - An Extensive Round-up of Resources
Apr 18, 06
After seeing new Rails write-ups, tutorials, projects, etc.. pop up almost everyday, I decided to try and go through a lot of them and post the best and most useful ones. Below, you will find what I believe are to be the some of the best Ruby on Rails resources.

Tioga - Creating Figures and Plots Using Ruby
Apr 02, 06
Tioga is an open-source program you can freely download and use for creating figures and plots using Ruby, PDF, and TeX. It has a tutorial and detailed online reference material. This alternative interface to the documentation has lists of classes and methods at the top; if you scroll the middle pane down to Tioga::FigureMaker and select that, you'll get the reference manual with browser panes at the top of the window, a handy feature!

Ruby on Rails 1.1: Web 2.0 on Rocket Fuel
Mar 31, 06
The much-anticipated new version 1.1 of Ruby on Rails hit the streets with fanfare a couple of days ago. And while even I am wary of the hyperbole that sometimes surrounds Ajax and Web 2.0, I'm very pleased to say that Ruby on Rails is the genuine article.

Get On Track with Ruby on Rails
Mar 29, 06

Ruby? Rails? Ajax? Is this cluster of confusing buzzwords swarming around your head like a mob of angry bees? Then fear not, gentle padawan -- Jedi help is at hand! For I, too, was just like you once: confused, jumping at shadows, sinking into the depths of yet another custom Python web framework while softly weeping behind a stack of dog-eared PHP books. But not anymore. Today I build my applications in Ruby on Rails.

Ruby applications that scale
Mar 27, 06
We've got the language, we've go the killer Rails framework, but we're not quite there yet when it comes to performance. And building applications that scale is tricky in any language. So how do we solve is the Ruby way? How do we make it possible without unnecessary complexity?

The adventures of scaling, Stage 2
Mar 24, 06
Stage 2 contains MySQL tuning tips, tuning of FastCGI dispatchers, and further system optimization techniques.

The adventures of scaling, Stage 1
Mar 24, 06
While a couple of high-traffic sites are being powered by Rails and while the Rails book has a handful of instructions to scale your application, it was apparent for us that you're on your on at a certain point. This series of articles is meant to serve more as a case study as opposed to a generic "How To Scale Your Rails Application" piece of writing, which may or may not be possible to write. I'm outlining what we did to improve our applications' performance, your mileage may obviously vary.

Rails for Designers
Mar 24, 06
This is for designers who are going to be working with Rails and is intended to give them a good starting point to jump into work with a Rails developer. This is all introductory material. As such, I cover some basics (MVC, locations of files) and move from there to a code example and more advanced topics (partials, ActionView helpers).

Creating DSLs with Ruby
Mar 20, 06

Broadly speaking, there are two ways to create a DSL. One is to invent a syntax from scratch, and build an interpreter or compiler. The other is to tailor an existing general-purpose language by adding or changing methods, operators, and default actions. This article explores using the latter method to build a DSL on top of Ruby.

Ruby Cheatsheet v.1
Mar 20, 06
A great list of ruby commands in one simple to use list.

Open Source Ruby On Rails Shopping Cart | Sublog
Mar 19, 06
The first and only Ruby on Rails open source e-commerce project.

Learning Ruby
Mar 12, 06
A very good article on the basics of ruby.

Tutorial in Ruby on Rails
Feb 16, 06
As a newbie, getting started with Rails was tricky without some help from the IRC folks. If you get stuck, that's a good place for help, as the author hangs out in there pretty regularly. That said, some sample code is worth its weight in gold, so here's how I got a basic Rails application running.

RubyScript2Exe - A Ruby Compiler
Feb 11, 06

RubyScript2Exe transforms your Ruby script into a standalone, compressed Windows, Linux or Mac OS X (Darwin) executable. You can look at it as a "compiler". Not in the sense of a source-code-to-byte-code compiler, but as a "collector", for it collects all necessary files to run your script on an other machine: the Ruby script, the Ruby interpreter and the Ruby runtime library (stripped down for this script).

Watir
Feb 05, 06
WATIR stands for "Web Application Testing in Ruby". Watir is a free, open-source functional testing tool for automating browser-based tests of web applications. It is pronounced water.

AJAX powered chat in 3 hours on Ruby on Rails
Feb 05, 06
A simple Web based chat built with Ruby on Rails. It seems to work okay, but I've only tested on FireFox and Safari. On IE it's bound to look totally out of wack as I'm not sure it supports position: fixed, which I used for the IRC-esque layout.

Monads in Ruby, Part 1: Introduction
Jan 31, 06
Monads have been getting a lot of press lately in connection with the Haskell programming language. They're a very powerful programming tool in functional languages, but all too often they're described as some sort of black magic rather than the simple construct they are.

Backpack API
Jan 31, 06
The Backpack API is implemented as vanilla XML over HTTP. It does require that you send an additional header, which will identify the format of the data being sent. That header is X-POST_DATA_FORMAT which should be set to "xml".

Try Ruby
Jan 27, 06

An interactive ruby tutorial where you can learn some basics right in your browser,

Using the Ruby Development Tools
Nov 16, 05
Plug-in for Eclipse

Ruby Code and Style
Nov 16, 05
peer-reviewed, online journal for the Ruby community

Modular Architectures
Nov 03, 05
With Ruby

Introduction to Ruby
Nov 03, 05
For Perl programmers

Things
Oct 25, 05

That Newcomers to Ruby Should Know

Ruby
Oct 25, 05
QuickRef

RDT
Oct 25, 05
Ruby Development Tools

TextDrive Weblog
Oct 25, 05
Optimizing Rails Resource Usage

Introduction to Ruby
Oct 22, 05
For Mac OS X

One-Click Ruby Installer
Oct 22, 05

For Windows

Using the Ruby Development Tools
Oct 22, 05
Plug-in for Eclipse

Pablotron: Rubilicious
Oct 04, 05
Ruby library for talking to delicious API

How to
Oct 04, 05
Integrate FCKEditor with your Ruby on Rails application

CalendarGrid
Sep 29, 05
Ruby based calendar

RubyGarden
Sep 12, 05

Great ruby information.

RubyGems
Sep 12, 05
Everything you need to know about using RubyGems

RubyForge
Sep 12, 05
RubyForge is a home for open source Ruby projects.

Programming Ruby First Edition
Sep 12, 05
The pragmatic programmer's gGuide

Ruby Documentation
Sep 12, 05
Documentation for the Ruby programming language.

Ruby
Sep 12, 05

Ruby home page.

Ruby Blogs

Ruby Code and Style
Nov 16, 05
peer-reviewed, online journal for the Ruby community

Ruby Code & Style

Oct 22, 05
Great ruby information

Joey Gibson
Sep 15, 05
Great ruby blog from Atlanta, GA

James Britt
Sep 15, 05
Interesting ruby blog

Brian Marick
Sep 14, 05
Exploration By Example - ruby blog

Andrew Johnson
Sep 14, 05
Simple things - ruby blog

PragDave

Sep 14, 05
Great resource - ruby blog

RedHanded
Sep 14, 05
Speaking ruby through the system

Glenn Vanderburg
Sep 14, 05
Interesting ruby blog

Ruby Garden
Sep 14, 05
Ruby blog with great resources

Ruby on Rails File Uploaders

TinyFile
Feb 11, 06
For the longest time I just wanted a quick, ready-to-go example of how to do some basic file uploads in a real rails app. Welcome to TinyFile. An upload and file management tool supporting uploads, overwrite prevention, deleting, and renaming all in 51 lines of code. There was a friendly goal of keeping it around 50 lines just to see what was possible. Some things are a little tight, but everything should still be readable.

Web 2.0

Krunch - online file compression tool
May 31, 06
Krun.ch is a simple tool that simplifies the process of compressing and sending your files online. Krun.ch isn't a replacement for the traditional desktop compression tools, but its just a tool that makes things easier by cutting down all the 'krunching' hassles!

JavaDB: An idea whose time has finally come?
May 03, 06
Last year, at ApacheCon, according to Sun Chief Open Source Officer Simon Phipps, Sun senior staff engineer Francois Orsini apparently gave a demonstration of JavaDB -- Sun's version of Apache Derby. Apache Derby is basically a full blown relational database management system (RDBMS) that's based on pure Java. In other words, all it needs to run is a Java Virtual Machine.

Rich Internet Apps - An Introduction
Apr 19, 06
In the coming months we will see a new wave of Rich Internet Applications that will blend the web application and the desktop application in exciting new ways. There are three technologies on the horizon that will change the way people use the web: LaszloSystems' OpenLaszlo, Microsoft's WinFX (codename Avalon) and Adobe's Flex 2.

Image File Uploader by Martin Konicek
Mar 04, 06
Asynchronous image file upload without AJAX

blojsom - Java Blog Software

Mar 04, 06
A Java-based, full-featured, multi-blog, multi-user software package that was inspired by blosxom. blojsom aims to retain a simplicity in design while adding flexibility in areas such as the flavors, templating, plugins, and the ability to run multiple blogs with a single blojsom installation.

Tagyu
Oct 09, 05
Your tags, smarter

ProgrammableWeb
Oct 06, 05
Web 2.0 API Reference

blursoft Meta
Sep 30, 05
the most advanced forum ever designed

squidoo
Sep 29, 05
Seth Godin's new project. Launch pending

gOFFICE

Sep 29, 05
Browser-based Word Processor and Office Suite

NYsee
Sep 29, 05
Google maps, traffic cameras and A9 images for New York City

SynchroEdit
Sep 29, 05
Browser-based simultaneous multiuser editor

Num Sum
Sep 29, 05
Web based spreadsheets for sharing

Rollyo
Sep 29, 05
Create personal search engines

Webnote

Sep 29, 05
An online tool for taking notes

Writely
Sep 29, 05
The Web Word Processor

JotSpot
Sep 28, 05
Live, group note-taking

Django
Sep 21, 05
High-level Python Web framework