Tags: ajax

Leveraging Advanced Web Features in Responsive Design

A terrific case study in progressive enhancement: starting with a good ol’ form that works for everybody and then adding on features like Ajax, SVG, the History API …the sky’s the limit.

Twitter Engineering: Implementing pushState for twitter.com

A really nice explanation by Todd Kloots of Twitter’s use of progressive enhancement with Ajax and the HTML5 History API. There’s even a shout for Hijax in there.

Creating a Mobile-First Responsive Web Design - HTML5 Rocks

A great step-by-step tutorial from Brad on developing a responsive site with a Content First mindset.

An Ajax-Include Pattern for Modular Content | Filament Group, Inc., Boston, MA

Scott walks through the code and thinking behind the conditional loading pattern on The Boston Globe site. This is such a useful and valuable pattern!

Responsive web design from the future — Warpspire

I really like the thinking that’s gone into the design of Github, as shown in this presentation. It’s not really about responsive design as we commonly know it, but boy, is it a great deep dive into the importance of URLs and performance.

danwebb.net - It’s About The Hashbangs

A superb post by Dan on the bigger picture of what’s wrong with hashbang URLs. Well written and well reasoned.

ongoing by Tim Bray · Broken Links

Tim Bray calmly explains why hash-bang URLs are a very bad idea.

This is what we call “tight coupling” and I thought that anyone with a Computer Science degree ought to have been taught to avoid it.

isolani - Javascript: Breaking the Web with hash-bangs

Excellent, excellent analysis of how URLs based on fragment identifier (a la Twitter/Gawker/Lifehawker) expose an unstable tottering edifice that crumbles at the first JavaScript error.

So why use a hash-bang if it’s an artificial URL, and a URL that needs to be reformatted before it points to a proper URL that actually returns content?

Out of all the reasons, the strongest one is “Because it’s cool”. I said strongest not strong.

chartbeat - real-time website analytics and uptime monitoring

This looks like an interesting approach to web analytics: a JavaScript function pings the service every 10 seconds allowing for a near realtime overview.

Play School: Easy Ajax - load | jQuery for Designers - Tutorials and screencasts

Remy teaches non-techies how to use jQuery in a responsible way.

Douglas Crockford: "Ajax Performance" on Yahoo! Video

An excellent overview of Ajax and optimisation.

QuirksBlog: Slides from acessible Ajax workshop at Fundamentos Web

Download a PDF of PPK's slides from his JavaScript workshop at Fundamentos Web. There's some good advice contained therein.

United States Patent: 6941562

A wonderful example of why the patent system is so totally b0rked and completely unsuited to software. Someone patent Ajax (or Remote Scripting, if you prefer) back in 2001. Un. Bel. Eeeevable.

isolani - Javascript: @Media Ajax - Day one

Mike has published his notes from day one of @media Ajax in London.

Call for Review: Updated WAI-ARIA Specification from Shawn Henry on 2008-08-06 (w3c-wai-ig@w3.org from July to September 2008)

Shawn at the W3C wants feedback on the ARIA working draft, particularly "feedback on host language embedding, that is, how ARIA is implemented in HTML, XHTML, SVG, and other host languages." If you don't chime in now, don't bitch later.

Introduction to WAI ARIA - Opera Developer Community

A good overview of ARIA from the mighty Gez Lemon. There seems to be quite a bit of overlap with some HTML5 ideas here.

Stop using Ajax! - Opera Developer Community

Ignore the attention-grabbing headline. Brothercake is something more nuanced here (and he's backing it up with examples).

Bulletproof Ajax by Jeremy Keith on Flickr - Photo Sharing!

I guess there's a Chinese version of Bulletproof Ajax (nicely spotted, Nate). I would have thought this is exactly the kind of thing my publisher would want to tell me about.

hCardMapper - How to use hCards to fill in forms

An open source project for parsing hCards to add to sign-up forms.

AJAX and Screen Readers - Content Access Issues - The Paciello Group Blog

Steve Faulkner gives a rundown of the current state of play between screen readers and Ajax.

Easy as Pie Ajax Requests - Create compelling ajax in minutes with simple examples. | Notes from Phazm

This is a good straightforward hands-on explanation of Ajax: succinct and clear.

danwebb.net - @media Ajax

The slides from Dan's excellent presentation on metaprogramming JavaScript.

QuirksBlog: @media Ajax

PPK delivers his report on the excellent @media Ajax conference.

Twitter / Dori: Ann from conf: AOL ships br...

A browser-based IM client from AOL. You heard it here first folks.

help.net : Invitation to AJAX Presentation - Dublin - The Clarence Hotel - May 8th

If you're in Dublin on the evening of the 8th of May, come 'round to Bono's hotel to hear me natter on about Ajax.

memespring | Twitter watcher

Another fun toy that uses Twitter's API, this one from Richard Pope.

MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts

A collection of scripts. There might be some good stuff here but use with care and discretion.

18 Questions for Niqui Merret and Aral Balkan on Flash and Accessibility - Wait till I come!

Christian talks to Aral and Niqui about Flash and accessibility.

Pie Chart (JavaScript edition)

Dmitry built an incredibly cool JavaScript pie chart. It also integrates with Flickr using Ajax to do a Flickr version of googlefight. Great stuff!

Ajaxload - Ajax loading gif generator

Generate your own animated .gif for Ajax apps.

danwebb.net - RailsConf Presentation Slides and Example Code

A PDF of Dan's slides from RailsConf. Looks like it was an excellent presentation.

Adobe Labs - Spry Data Set and Dynamic Region Overview

The Spry framework from Adobe looks like it could be worth further investigation. I certainly like the underlying philosophy: lightweight, standards-based, and declarative.

Infovore : <%= javascript_include_tag :defaults %> considered harmful?

A cautionary note to Rails coders from Tom. The default JavaScript includes can really add to your page weight. Only include them if you really need all of them.

Vitamin Features » Go forth and API

Cameron has written a great article on using APIs with Ajax. I love the idea of using .htaccess to fake a proxy and get around the same-site restriction.

Max Kiesler - How to Make Your AJAX Applications Accessible - 40 Tutorials and Articles

A lot of these articles are more about JavaScript in general than Ajax per se, but it's good to have all these resources gathered together in one place.

The JavaScript Library World Cup [JavaScript & DHTML Tutorials]

Dan Webb does an excellent job of comparing the big four JavaScript libraries that were discussed at @media.

Devlounge | Cameron Adams aka The Man In Blue

Cameron shares his thoughts on Ajax, Hijax, libraries and having fun.

Yahoo! 360° - The Department of Style - Choose Your Ajax

Douglas Crockford proposes an acid test for JavaScript libraries - "If JSLint finds problems in a library, then dump it and move on to the next one."

Garrett Dimon / Front-End Architecture: AJAX & DOM Scripting

Garret gives an excellent, excellent round-up of the factors involved in the behaviour layer of front-end architecture (that's 'building websites' to you and me).

Hijax: Progressive Enhancement with Ajax

The slides of the Hijax talk from the Ajax Developer's Day at XTech 2006 in Amsterdam.

AJAX Activity Indicators

Want to indicate that something is happening on a web page, like... oh, I don't know... an Ajax request or something? Here's a cornucopia of animated progress indicators.

12 perfect cases for Ajax

Yes, Ajax is over-used but here are some cases where it really helps.

perl.com: Using Ajax from Perl

My fellow Brightonian geek, Dom, has written an article about using Perl and Ajax.

Dave Shea London Geek Dinner - 23rd January 2006

A transcript of the Q&A session with Dave.

wankr beta - collaborative masturbation network

"wankr will be a place for web 2.0 people to gather together in one humongous circlejerk so they can masturbate each other into a sticky frenzy over useless, meaningless bullshit."

For Many AJAX is Not Degrading, But it Must :: Off the Top :: vanderwal.net

"...it must degrade well. It must still be accessible. It must be usable. If not, it is a cool useless piece of rubbish for some or many people."

Web 2.0 Workgroup - A network of Web 2.0 resources

Web Ring 2.0

24 ways

One great web development tip for every day in the Advent calendar, courtesy of Drew McLellan

rest/ahah - Microformats

Who knew? The way I do my Ajax is a microformat. AHAH: Asynchronous HTML and HTTP.

Web API Working Group Charter

The W3C proves that it can move with the times: "The mission of the W3C Web API Working Group is to develop specifications that enable improved client-side application development on the Web." This is very good news indeed.

Google Reader

A web app for reading RSS feeds. Pretty nice, but I'll stick with Adactio Elsewhere for now.

How to Use Google Maps EZ

A handy guide to using a wrapper for the Google Maps API.

The next Web revolution

An over-the-top article at Salon about 37 Signals.

Tim's WSG Ajax Presentation

Download the PDF of the slides and play around with the demo from Tim Lucas' recent presentation.

Simon Bisson: Old dog learns new tricks

Ajax in The Guardian.

EBA: Web ComboBox V3 - AJAX - Fuzzy Search Autocompletion - LiveSearch

Yet another Ajax implementation, but this one is making some bold claims regarding accesibility. I must investigate further.

AJAX: Usable Interactivity with Remote Scripting

A nice introduction the XMLHttpRequest object by Cameron Adams.

HYDESim: High-Yield Detonation Effects Simulator

This is cool and frightening in equal measures. Eric uses the Google API to demonstrate the effect of nuclear detonations on American cities.

Behaviour : Using CSS selectors to apply Javascript behaviours

An excellent alternative to the inline cruft so common in most Ajax applications.

Google Maps API Documentation

Documentation for the new Google Maps API. Unlike most web services, this one is run entirely over JavaScript.

Content with Style: Fixing the Back Button and Enabling Bookmarking for AJAX Apps

Mike Stenhouse tackles the usability concerns raised by Ajax apps, specifically the breaking of the back button functionality.

Rico

A library of JavaScript for rich internet applications.

The Strange Zen Of JavaScript: Ajaxed out

A nice round-up of the Ajax summit.

It's a whole new internet

An inspiring essay by Janice Fraser of Adaptive Path. The internet is back.

Google Maps UK

Google Maps for the UK. They still need to work on Ireland: my home town is an empty expanse.

AJAX and Accessibility

Some good practical tips for improving accessibility in AJAX apps.