Take Command with AJAX

Want to get a bang out of your AJAX artillery? In this hands-on tutorial, Stoyan puts AJAX on the front line as he develops a Web app with which you can execute shell commands on your Web server. The downloadable code provides a real tactical advantage as Stoyan marshals JavaScript and XML to create the app.

Stefanov, Stoyan. SitePoint (2005). Design>Web Design>Programming>Ajax

Usability and Accessibility with AJAX

The Ajax express train rumbles on, threatening to crush anything in its path. Recent discussion has turned to those critical elements of good web development, usability and accessibility. Accessibility is a major issue with Ajax, mainly because anything that relies on JavaScript to function is inaccessible pretty much by default. There are two solutions: either provide a fall-back system where the site remains useful without its Ajax enhancements, or provide a whole separate interface that works without scripting.

Willison, Simon. SitePoint (2005). Design>Web Design>Accessibility>Ajax

User Annotations in Ajax  

The ability to add notes and comments to your Web site can be a powerful and attractive feature for users. This tutorial demonstrates how to implement an Asynchronous JavaScript and XML (AJAX)-based user annotation system in the form of yellow sticky notes that sit on top of regular Web page content. The only additional, required configuration is a back-end Perl script that stores the annotations.

Travis, Greg. IBM (2006). Articles>Web Design>DHTML>Ajax

User-Proofing Ajax

When good AJAX web apps go bad, these guidelines and techniques can help you and your users stay informed and productive.

Quinsey, Peter. List Apart, A (2006). Design>Web Design>Usability>Ajax

Using Ajax  

Put a new shine on your web applications. Tired of clunky web interfaces and waiting around for a page to reload? Well, it’s about time to give your web apps that pine-scented desktop application feel. What are we talking about? Just the newest thing to hit the Web: Ajax—asynchronous JavaScript and XML—and your ticket to building rich Internet applicationsthat are more interactive,responsive, and easy to use. So, grab your trial-size Ajax,included with every copy of Head Rush Ajax:we’re about to put some polish on your web apps.

McLaughlin, Brett D. O'Reilly and Associates (2006). Design>Web Design>Interaction Design>Ajax

Web 2.0 Can Be Dangerous

AJAX, rich Internet UIs, mashups, communities, and user-generated content often add more complexity than they're worth. They also divert design resources and prove (once again) that what's hyped is rarely what's most profitable.

Nielsen, Jakob. Alertbox (2007). Articles>Web Design>User Interface>Ajax

Web 3.0

To you who are toiling over an AJAX- and Ruby-powered social software product, good luck, God bless, and have fun. Remember that 20 other people are working on the same idea.

Zeldman, Jeffrey. List Apart, A (2006). Design>Web Design>Interaction Design>Ajax

Web Development Trends

So we’re in the middle of Web 2.0, the first real movement in web development since it’s interception. New technologies, most notably AJAX and the enhanced knowledge and usage of CSS, has allowed for amazing, innovative websites that would have never been created in the not so distant past.

Robbins, Kyle. ReEncoded (2008). Articles>Web Design>Ajax

XML in the Browser: Submitting Forms using AJAX

AJAX opens up enormous possibilities for Web applications simply by allowing HTTP requests to be made in the background asynchronously (while other scripts on the page run and other user activity continues).

Root, Chris. Dev Articles (2005). Design>Web Design>Interaction Design>Ajax

XML Processing in Ajax, Part 1: Four Approaches

Any programming problem can be solved in multiple right ways. This series looks at four approaches for creating an Asynchronous JavaScript + XML (Ajax) weather badge, a small reusable widget that's easily embedded on any Web page. This first article lays the foundation and examines the first approach--walking the DOM tree.

Pruett, Mark. IBM (2008). Articles>Web Design>XML>Ajax

Retrieving Data on a SQL Anywhere Server Using AJAX

The article shows how an AJAX call can be made to a resource on the SQL Anywhere Server using stored procedures and web services.

Krishnaswamy, Jayaram. Ajax World (2008). Articles>Web Design>Databases>Ajax

Build Ajax-Based Web sites with PHP

Learn the process of writing Asynchronous JavaScript + XML (Ajax) applications using native JavaScript™ code and PHP. This article introduces a few different frameworks and application program interfaces (APIs) that reduce the amount of code you need to write to achieve a complete Ajax-based Web application.

Ramirez, Ken. IBM (2008). Articles>Web Design>Ajax>PHP

jQuery-Based Popout Ad: Part 1

Today I’d like to start an article series of three parts, the result of which will be a popout-style, jQuery-based box like the one pictured above, which I think strikes a nice balance on the obtrusion-scale.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax

jQuery-Based Popout Ad: Part 2

We're going to take the ad we built last week and animate it, as well as provide the user with a means to open and close the ad. We’ll be using jQuery for most of what we do, so you’ll need to include the jQuery library script at the top of your document for this to work (see the source of the example page to see how this is done).

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax

Generating Automatic Website Footnotes with jQuery

Generating footnotes for HTML documents in the past was always a slow, painful task — and every time I did it, I wondered why there wasn’t a better, easier way. Today, I’m happy to announce that I’ve come up with a better solution to web footnotes using the jQuery JavaScript framework and a few tags and attributes that already exist in XHTML.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax

Parse JSON with jQuery and JavaScript

While exploring the options for traversing JSON, I discovered that there is no official W3C documentation, or even a draft. As a subset of the ECMAScript language specification, it will probably remain under the governance of ECMA International. So unlike XPath, which is a commonly accepted language for traversing XML, JSON must rely on JavaScript’s object notation.

Reindel, Brian. d'bug (2008). Articles>Web Design>Interaction Design>Ajax

jQuery and XML Revisited

In releasing jQuery v.1.2, a decision was made by the development team to drop XPath support from the core. Instead, an officially released XPath jQuery plugin is now available, which provides deprecated functionality. Although initially disappointed by this decision, I was happy to discover that alternative methods for obtaining data from an XML file are still available without the plugin.

Reindel, Brian. d'bug (2008). Articles>Web Design>XML>Ajax

Stop Using Ajax!

We got things like browser wars, browser-specific DHTML, and table-based layouts. These were things that got in the way of the original vision, because people wanted rich content when the technology wasn’t ready. And now it’s happening again.

Opera (2008). Articles>Web Design>Accessibility>Ajax

Making a Cross-Platform AJAX-Based Web Application

I will go through how to make a full-blown widget that uses AJAX technology. It fetches news from a newsfeed source, presents them nicely to you, includes some eyecandy and of course lets you customize the amount of news items, refresh time and which category of news you want to be shown.

Mendoza, Nicolas. Opera (2008). Articles>Web Design>Programming>Ajax

Issues When Working With AJAX

This paper covers the main stumbling-blocks you're likely to come across with AJAX: instantiating the necessary JavaScript object, building the request, and using the response.

Mercurytide (2005). Articles>Web Design>Ajax>JavaScript

jQuery for Designers

Learn how easy it is to apply web interaction using jQuery.

Sharp, Remy. jQuery for Designers. Resources>Web Design>Interaction Design>Ajax

Fun with Overflows

Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. So this episode of J4D demonstrates the same effect used in two completely different ways.

Sharp, Remy. jQuery for Designers (2008). Articles>Web Design>User Interface>Ajax

Image Fade Revisited

This episode is revisiting the image cross fade effect, in particular Dragon Interactive has a beautiful little transition for their navigation that some readers have been requesting. Greg Johnson takes it one step further to implement this method using jQuery and the methods shown here.

Sharp, Remy. jQuery for Designers (2008). Articles>Web Design>Interaction Design>Ajax

Offline Ajax with Apache Derby

People love Ajax applications so much that they are willing to use them instead of their desktop equivalents. The only problem occurs when they fail to have network access. This is when an offline feature is necessary. Apache Derby is a great option for enabling offline access to Ajax-powered applications. Learn how to use Apache Derby as a local data store that can be used to take your Ajax application offline.

Galpin, Michael. IBM (2008). Articles>Web Design>Programming>Ajax

AJAX Interface Design

AJAX enables faster, more responsive Web applications through a combination of asynchronous Javascript, the Document Object Model (DOM), and XMLhttpRequest. What this means for Web interface designers is that a DHTML-based Web application can make quick, incremental updates to a user interface without reloading the entire screen.

Wroblewski, Luke. LukeW Interface Designs (2006). Articles>Web Design>User Interface>Ajax