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

Using Ajax for Creating Web Applications

In the past few years, developers could choose between two approaches when building a web application. The first approach was to create a screen-based system with very rich interactions using a sophisticated, powerful technology such as Java or Flash. The alternative approach was to create a page-based system using easier-to-learn core web standards like XHTML and CSS whose more basic capabilities force less-rich interactions. A new technological approach, dubbed Ajax, might just be the right mix between the two.

Porter, Joshua. User Interface Engineering (2005). Articles>Web Design>Standards>Ajax

AJAX Aids Accessibility?

Yes, if you do it right, using Ajax techniques can improve accessibility. Surprised? You shouldn’t be. Ajax is like most techniques and technologies on the web—they are what you make of them.

Spool, Jared M. User Interface Engineering (2009). Articles>Web Design>Accessibility>Ajax

Build Your Own Social Home!

JSON (JavaScript Object Notation) is what all the hip applications are serving up these days with their API’s as an alternative to XML. The cool part about JSON is that you don’t need to parse it in the same way you do XML. That data you get from a JSON call comes back as an object all ready-to-rock and let you do stuff with it. So here's the jQuery code to pull in and append all data from Flickr, Twitter, and Scrnshots all onto one page.

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Server Side Includes>Ajax

JSON, The Fat-Free Alternative to XML

JSON is a lightweight, language independent format for data interchange. It is especially popular in Ajax (or interactive web browser-based) applications.

Crockford, Douglas. XML 2006 (2006). Articles>Web Design>Information Design>Ajax