Max Kiesler - mHub : Ajax and rails examples & how-to's

Viewing by category

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.

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.

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

Improve Form Usability With Auto Messages May 01, 08 This tutorial explains how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.

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 Performance Analysis May 07, 08 Asynchronous JavaScript + XML (Ajax) continues to raise user expectations for interactivity and performance, and developers are increasingly treating Ajax as a must-have component of their Web applications. As more code is moved client side and the network model changes, the community is responding by building more tools to address the unique performance challenges of Ajax. Examine toolsets that find and correct performance problems within your Ajax-enriched applications.

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.

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

JavaScript Information Visualization Toolkit (JIT) May 07, 08 The JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).

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.

D