I learn the best by example, so I read about, and try, as many AJAX and Javascript examples as I can find. Below you’ll find a short list of the AJAX tutorials and examples that I’ve seen recently. They have all been organized by category with the exception of the “General” category which includes some example that didn’t lend themselves to a vertical. Please let me know through email or a comment if you know of any other great AJAX tutorials, and I’ll be glad to post them. Also special thanks to all of the folks who produced all of these great free learning experiences. “Most of the descriptions below are taken from the developers of the example. Thanks.”rn
AJAX and XML

“Ajax and XML: Five Ajax Anti-Patternsrn”You can learn a lot about how to do things correctly by understanding how things …

Currently there are many ways to view content on the web. From an interface design perspective these usually fall into one of three categories which include, list views, grid views and content visualizations. This article will look at each one of these patterns and discuss their history along with the pro and cons associated with their use. Then, I’ll give some examples of past and present websites using these patterns. Finally, we will look at a few examples of what we might be seeing in the next few years in the way interface design patterns. “
The List View

rnThe first user interfaces on the web all used the list view as the way to display content. This is the second web page ever authored by Tim Berners Lee in September of 1992. A very clean design with all of the …

I was looking through some of my older posts tonight and realized my last post about AJAX galleries, slideshows and effects was from March 2006. Tonight I did a quick search through some of my sources to see what was new and exciting in the world of AJAX and Javascript image display and manipulation. Once again, below you’ll find a categorized list of all of the AJAX image solutions I’ve been able to find that were of some use.”If you know of any AJAX based galleries, slideshows, or image manipulation that is not included on this list please post a comment of email me. Special thanks to all of the developers who spend their free time writing great code and releasing it for all of us to use for free.”
AJAX & Javascript Galleries

“e2 AJAX Galleryrn(E)2 Photo Gallery is a open …

While the web is changing every day, the one constant is the need to discover information. Search, browse, lists and tags are all great ways to find what you are looking for, however, today content visualizations are giving us a whole new way to discover deep content and relational data like never before. For instance if you search for RadioHead in most of the current search engines you will find lots of links to RadioHead related information. What do you search for if you want to find bands that you might like that have the same sound as RadioHead? This is where content visualizations shine. Many give you the ability to drill down in the content you are interested in and, in a very graphical and visual way. “Below you’ll find a short list of the best visualizations I’ve seen …

Do you want your website to be beautiful, SEO friendly and fast loading? Try a true minimalist approach. Total, complete and utter minimalism is a high mark to meet in any medium. Wikipedia describes minimalism as, “movements in various forms of art and design, especially visual art and music, where the work is stripped down to its most fundamental features.” In web design minimalism translates into style, structure, and download time. Many websites that look minimal are actually mired in obtrusive or invalid code and slow download times. I believe true minimalism in web design should consider the design, code and efficiency of each page. In this article I’ll discuss a basic standard for minimalist web design, show examples of how a few current sites measure up to these standards, and finally show you a road map to your own …

While large scale social sites like Flickr, Digg, Youtube and Myspace have predominated the web-o-sphere over the past few years there still is a need for narrow content verticals in this arena. This list will give you links to 40 open source resources to get you started building your own social bookmarking, networking, filesharing or search application. The following is a list of what I consider the be the best open source social software that I’ve found over the past year.”Please let me know through email or a comment if you know of any other great social bookmarking, network, filesharing or search applications,rnand I’ll be glad to post them. Also special thanks to all of the folks who produced all of this great free software. All descriptions below are taken from the developers of the software.”Social BookmarkingrnAkarru: Social BookMarking Enginern”Akarru …

We’re psyched to launch our first release of Twitterverse tonight after working on the idea for the last couple of weeks and then the last 48 hours straight. “Twitterverse is a mashup and a visualization layer for Obvious‘ hot new product, Twitter, a “sophisticated, device-agnostic, social message routing system that nobody realizes they need until they try it,” as Biz Stone so aptly described. “rnWe’re self-proclaimed Twitter addicts. It’s given us a glimpse into the lives of so many and let us share those moments in time, both mundane and magnificent, that otherwise would have gone unnoticed. Where blogging gave us a similar connection to the thoughts of individuals worldwide, Twitter is capturing these little moments in time – much like a photograph momentarily stops and captures time visually. This power to make the invisible, visible, is something …

I started posting about AJAX shortly after the term was coined by AdaptivePath’s Jesse James Garrett in 2005, and in the beginning most of the examples, tutorials and references were produced by programers interested in the subject. Today many of the so-called AJAX, DHTML and Javascript sites are splogs, or other types of traffic generating ad platforms. My question is always who can I trust for tested quality scripts and tools? While there are probubly hundreds of trustworthy sites out there these are the ones I go to when I’m looking for ideas and inspiration. This is not the definitive list of trusted sites so if you have a site you trust for AJAX, DHTML and Javascript tool please let myself and the community know of them through the comments section of this post. Thanks to all of the …

As an interaction designer I’m always wondering what’s next. Over the last few years we’ve become familiar with web application design, new constructs like recency and popularity, however, in the back-channel of web design there has been an increasing movement towards data visualizations, both large and small. You can currently see this in everything from blog design to large-scale data visualizations like We Feel Fine and digg labs. Designers and programers are coming together in new ways, which in the end result are producing some of the most functional, and creative web interfaces I’ve ever seen. “Consider this list a primer. I’ve spent the last year looking at data visualizations and have compiled a list of resources that will give you a good view of what’s going on in the field. Please use the comments section of this post to …

It’s not AJAX, DHTML, Java, or Ruby but it is a new way of seeing blog categories. Tonight I’m presenting the first in a series of tiny blog visualizations. If you look in the top right corner of my new home page you’ll see a clickable pie chart of my current blog categories presented by popularity. Why tiny visualizations? In the last year I’ve been impressed by the number and quality of large scale data visualizations. Sites like Digg Labs, We Feel Fine and Gapminder all present a new flow and discovery model for data. However, in these examples the visualization is based on a very large data set. Recently, I’ve become increasingly interested in the idea of tiny visualizations and how this notion can be used as a way to navigate blogs and other micro communities. “Many community websites …