Max Kiesler – Designer

“The Adobe Integrated Runtime (AIR) is quite a hot topic among web developers. And well it might be! With AIR, Adobe’s new desktop-based web application system, desktop applications can now be built with the technologies web developers have been using for years–plain old HTML, CSS, and JavaScript. In this tutorial, I’ll show you how to do exactly that: build a simple web-based application for the desktop with Adobe AIR.”

Website: http://www.sitepoint.com/article/adobe-air-todo-list-5-minutes

The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the mootools javascript framework, AJAX, XHTML, CSS and PHP.

Website: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html

“SPAW Editor is a web based in-browser WYSIWYG editor control enabling web site developers to replace a standard textarea html control with full-featured, fully customizable, multilingual, skinable web based WYSIWYG editor. Version 2 adds tabbed multi-document interface, floating/shared toolbars, modular architecture and many other exciting features.”

Website: http://spaweditor.com/en/disp.php/en_products/en_spaw/en_spaw_intro

This is a sliding top menu built with jQuery which can be fired through the open, and close buttons or with any tag with the related class name. You can also use it as an info box, login area, and more.

Website: http://www.webresourcesdepot.com/sliding-top-menu-with-jquery/

SproutCore is a framework for building applications in JavaScript with remarkably little amounts of code. It can help you build full

Embed a Dynamic Feed Control on your web page and let your users see customized views of the feeds. Customize how the dynamic feed control should be displayed, and this wizard will write the code for you.

Website: http://www.google.com/uds/solutions/wizards/dynamicfeed.html

Er.js piggybacks on Neil Mix’s Thread.js which fakes threading in JavaScript 1.7 using coroutines and nested generator continuations. The goal is to replicate Erlang’s concurrent lockless process model and message-passing APIs in JavaScript.

Website: http://beatniksoftware.com/erjs/

This application is a helper script to choose regions and states in XHTML forms. By clicking on the input field you get a map of the surrounding states, and the you can select from the map. The website is available in both english and japanese. The download is free.

Website: http://jsmap.cognitom.com/en.html

“To continue the theme of using seamless Flash/Flex/AJAX applications, here’s a really simple example how you can use Flash and AJAX together seamlessly within your applications. Yes, i said Flash, not Flex. In this example I created an ultra-lightweight ActionScript-only charting project that can be used within AJAX applications.”

Website: http://www.insideria.com/2008/03/ultralightweight-charts-for-aj.html

Although Panic didn’t really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it. Recreating this effect is simple to do if you know what plugins to use.

Website: http://jqueryfordesigners.com/coda-slider-effect/

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. I had seen a similar looking feature on the mootools homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

Website: http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/

qGallery is a simple to use prototype based gallery script. All image processing is done by the script so you don’t have to worry about the images you upload on the server. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.

Website: http://qgallery.quadrifolia.de/

In this article, you’ll learn about Ajax security tools, which you’ll be using to scan for SQL injection and cross-site scripting vulnerabilities; to set a master password; and to restore the state of all windows after crashes. You’ll take a look at tools and utilities that ensure that linked Web sites in applications are not on the blocked lists and which prevent hackers from altering browser functionality, defacing Web applications, and achieving malicious results. You’ll find these utilities divided into three types within the article: hardening tools, Firefox tools, and Firefox add-ons.

Website: http://www.ibm.com/developerworks/web/library/wa-aj-sectools.html?ca=dgr-lnxw01AjaxSecTools&S_TACT=105AGX59&S_CMP=GR

This is a very nice piece of source code to keep in your personal AJAX toolkit. “Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.” It’s very easy to use and works in all browsers.

Website: http://www.nickstakenburg.com/projects/prototip2/

SocialHistory.js, code enables you to detect which social bookmarking sites your visitors use. How does SocialHistory.js know? By using a cute information leak introduced by CSS. The browser colors visited links differently than non-visited links. All you have to do is load up a whole bunch of URLs for the most popular social bookmarking sites in an iframe and see which of those links are purple and which are blue.

Website: http://azarask.in/blog/post/socialhistoryjs/

The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader’s google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including, jQuery, prototype, script.aculo.us, Moo Tools, and dojo.

Website: http://code.google.com/apis/ajaxlibs/

In this tutorial Nettuts takes as they say,”an average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.” Very fun AJAX tutorial.

Website: http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

DimP is a video player prototype that allows to browse video clips by directly manipulating their content. The way it works is quite simple. First, DimP automatically extracts object motions from the videos and then allows the user to control video playback by scrubbing these objects on their trajectories.

Website: http://www.aviz.fr/dimp/

This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. Recently I was looking for a nice existing script for a client project. I wanted something elegant, simple and lightweight. What I found were a number of scripts built on JavaScript frameworks and a few others that really lacked any appealing interface or were over 30kb. I challenged myself to build a full-featured slideshow gallery under 4kb. Hopefully I will be add a few more features to the script soon and make it a little mode user-friendly.

Website: http://www.leigeber.com/2008/05/ajax-image-gallery-slideshow/

Adobe Flash Player 10, code-named “Astro,” introduces new expressive features and visual performance improvements that allow interactive designers and developers to build the richest and most immersive Web experiences. These new capabilities also empower the community to extend Flash Player and to take creativity and interactivity to a new level.

Website: http://labs.adobe.com/wiki/index.php/Astro