"To get there, we had to overcome the challenges associated with cross-domain (technically, cross sub-domain) communication between foursquare.com (web) and api.foursquare.com (API). Although we could theoretically make our API available on the same domain, doing so would undermine the security and production isolation benefits of our current setup.

Our API supports CORS, but not every browser we want to support does. To work around this we used a common technique in which an iframe hosted on api.foursquare.com is embedded on the foursquare.com web pages. The iframe executes a simple JavaScript statement setting document.domain to foursquare.com — notably the same as the web domain. Through the magic of the same-origin policy, this technique enables inter-frame communication while still allowing the iframe to make AJAX requests back to its original domain, in this case, api.foursquare.com. When we need to make api requests we can just use the iframe’s XMLHttpRequest object from foursquare.com pages."

"EasyXDM gives you the ability to make cross-domain requests securely from a client to a server and even from a client to a client. The real beauty of it is that it can even open a socket-like device that you can use to communicate rather efficiently … in every browser. Even IE6.

Here’s what the creators have to say about it.

At the core easyXDM provides a transport stack capable of passing string based messages between two windows, a consumer (the main document) and a provider (a document included using an iframe). It does this by using one of several available techniques, always selecting the most efficient one for the current browser.
For all implementations the transport stack offers bi-directionality, reliability, queueing and sender-verification.

Using JavaScript only (no Flash, Silverlight, extra html files etc) easyXDM provides the following browsers with stacks with latency of less than 15ms: [IE6+, FF1+, Opera9+, Chrome2+, Safari4+]"

nice preso

"This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere."

awesome overview of CORS

"No, it's not perfect.  No, it's not a solution for everyone. Yes, it has drawbacks and downsides.  So what?  It's pushing the boundaries of the browser, and treating the web as an Application Platform, rather than a dumb terminal for reading content and data entry.  The "Hashbang URI" makes your application feel like an application, instead of a website.  The drawbacks are things that need to be weighed against the benefits in your unique case, and the decision will be different for everyone."

Access-Control-Allow-Origin "*"

"This document outlines the steps that are necessary in order to make your AJAX application crawlable. Once you have fully understood each of these steps, it should not take you very long to actually make your application crawlable! However, you do need to understand each of the steps involved, so we recommend reading this guide in its entirety."

"Are you developing jQuery hotness so fast that the slow-poke server team can't supply you AJAX services fast enough?  If so, you might be interested in the JavaScriptMVC-extracted jQuery.Fixture plugin.  Fixtures simulate AJAX responses so you can keep developing JavaScript functionality even if the server's services aren't working.  The fixture plugin is easy to setup and remove once the services are online."

nice hands-on intro to node.js

Outstanding HTML5 presentation & demo done completely using HTML5: (via @flyosity)

"DUI.Stream will allow developers to drastically improve the speed of uncached page loads by bundling most of their resources into a single HTTP request, with a single time-to-first-byte and no request throttling by the user agent. Additionally, the size of the response has no effect on the rendering time of each chunk, as the client handles each piece of the response on the fly and can inject it into the DOM for rendering immediately, in the exact order you specify."

because I keep looking for this in the wrong place!

awesome—a sandbox to play with Google's API's

another good intro to ajax dev

"an introductory explanation of using jQuery to interact with your PHP application through AJAX."

fine collection of howtos

When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices.

allows for inline editing of the date, title, author, categories, tags, status and more on both posts and pages without leaving the “Manage” admin sections. No need to load each post or page individually. Simply double-click anywhere in the post or page row and when you’re done, press enter. Alternately, you can click the link in the new “Edit” column.

a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It's built to be easy to install and use, while offering great flexibility.

Nice ajax-y domain name suggester/availability tool.

embeddable ajax-y feed widget

apparently generates nice markup for tables and makes it easy to apply classes to columns/rows.

provides tutorials and sample course content so CS students and educators can learn more about current computing technologies and paradigms

an alternative for the complexity, many files and large download size (> 200KB) of popular WYSIWYG editors such as TinyMCE and FCKEditor.

integrates the TinyMCE WYSIWYG editor into a Drupal site for editing advance site content

what AJAX is and why it's just a simple evolution of client/server tricks Javascript programmers have been doing since the web was born.

query css selectors using this bookmarklet

Facebook's solution for developers who want to use Javascript in their Facebook applications.

"43 extremely useful (but still easy to implement) AJAX applications for use on any website." Dragable boxes, cooltips, etc

a way to take an existing web page or a prototype of a web page and "sprinkle" rich behaviors to play with concepts

an open community of chatrooms. You can chat about anything you want, in public or private rooms. No account is required

an Open Source collaborative software platform for file sharing (documents, images, media files, etc.), task and project management, team collaboration and Wiki editing

allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On older

a nifty bookmarklet for creating links in textareas

a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.

a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

A compact, modular, OO javascript framework designed to make writing extensible and compatible code easier and faster.

this one

Wikiwyg is the simple way to add Wysiwyg editing to your existing social software project.

better layout/graphics than http://www.wootoff.pingbot.com/

A full-featured, web-based, Ajax Contact Manager

This site helps you find the right domain name—as fast as you can type.

a highly documented and well tested, suite of JavaScript libraries that will help you get shit done, fast

Timeline is a DHTML-based AJAXy widget for visualizing time-based events.

the ultimate mashup tool new url: http://www.dapper.net/

flickrshow provides you with the simplest way of displaying your Flickr photosets on your own website. It is simple to install, free and doesn't require Flash or any server side programming knowledge.

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.

Pligg is Web 2.0 Content Management System (CMS) unlike any other existing CMS.

Greased Lightbox is a Greasemonkey/Creammonkey user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Gmail, Facebook, MySpace, and deviantART.

Simple Ajax Tutorials and News

a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, HTML and AJAX.

There’s little more impressive on the web today than a appropriate touch of Ajax.

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.

combines some of the ease of authoring and multi-person editing of a wiki with the familiar visual formatting and data organizing metaphor of a spreadsheet

Time Tracker is a simple tool to keep track of the time you spend on any task. Think of it as a to-do-list with a clock. And yes, it's free.

Ajax, which consists of HTML, JavaScript™ technology, DHTML, and DOM, is an outstanding approach that helps you transform clunky Web interfaces into interactive Ajax applications. The author, an Ajax expert, demonstrates how these technologies work toge

Ajax powered opensources forum