Max Kiesler – Designer

Let’s face it: do you really need drag-and-drop, resizable windows or sortable lists in your web applications? Websites are not desktop applications. They are different.

What you really need are tabs, tooltips, accordions, overlays, high usability, striking visual effects and all those “web 2.0″ goodies that you have seen on your favourite websites.

This library contains six of the most useful JavaScript tools available for today’s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library.

Visit the jQuery Tools Website

jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a “Swiss Army Knife”, and makes a great base as a general purpose windowing framework.

Visit the jqModal Website

“If you’re using Ajax, you should give hints to the user when a request to the server is being made, and you should tell him if something goes wrong. Gmail does this really well. Here’s how I coded it.”

Visit the website

“With browsers rendering JavaScript faster than ever before, it’s a great opportunity to get creative with jQuery. This tutorial will show how to create a scrolling 3D tag cloud…it’s not as difficult as you might think.”

Visit the 3D Tag Cloud Website

If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically and adds it to the list.

Visit the website

“Bumpbox is another lightbox clone with a few advantages over other lightboxes – it supports not only all common media types but also PDF’s.

Yet, the integration and implementation on your own site is pretty simple. Just add the scripts to your head section, add classes to your links that should use bumpbox, define a rel tag with the size that the bumpbox should have and you’re ready to roll.

Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration”.

Visit the Bumpbox Website

The Visualization Toolkit (VTK) is an open-source, freely available software system for 3D computer graphics, image processing and visualization. VTK consists of a C++ class library and several interpreted interface layers including Tcl/Tk, Java, and Python. Professional support and products for VTK are provided by Kitware. VTK supports a wide variety of visualization algorithms including scalar, vector, tensor, texture, and volumetric methods; and advanced modeling techniques such as implicit modeling, polygon reduction, mesh smoothing, cutting, contouring, and Delaunay triangulation. Additionally, VTK has an extensive information visualization framework, has a suite of 3D interaction widgets, supports parallel processing, and integrates with various databases on GUI toolkits such as Qt and Tk. VTK is cross-platform and runs on Linux, Windows, Mac and Unix platforms.

Visit the Visualization Toolkit Website

This tutorial about my favorite place Dzone like data loading while page scrolling down with jQuery and PHP. We have lots of data but can not display all. This script helps you to display little data and make faster your website.

Visit the Website

Upload small or large data sets from spreadsheets or CSV files. Visualize your data on maps, timelines and charts. Pick who can access your data; hide parts of your data if needed. Merge data from multiple tables. Discuss your data with others. Track changes and discussions.

Visit the Google Fusion Tables Website

In a perfect world cross-browser AJAX requests would just work, unfortunately they do not. Attempting to request remote files with AJAX will cause errors in the script and can be a pretty big hurdle in some cases and can be very frustrating. However, there are a few things that I have come across, in looking for a solution to this, that I would like to share.

Visit the Ooeygui Website

“The Google Visualization API lets you access multiple sources of structured data that you can display, choosing from a large selection of visualizations. Google Visualization API enables you to expose your own data, stored on any data-store that is connected to the web, as a Visualization compliant datasource. Thus you can create reports and dashboards as well as analyze and display your data through the wealth of available visualization applications. The Google Visualization API also provides a platform that can be used to create, share and reuse visualizations written by the developer community at large. ”

Visit the Google Visualization API Website

Flapjax is a new programming language designed around the demands of modern, client-based Web applications. Its principal features include:

• Event-driven, reactive evaluation
• An event-stream abstraction for communicating with web services
• Interfaces to external web services

Read more

“Jiffy is an end-to-end real-world web page instrumentation and measurement suite. The first beta was released on 6/23/2008, as announced at O’Reilly Velocity 2008. Jiffy was built and is maintained by the WhitePages.com team.”

Website: http://code.google.com/p/jiffy-web/

“Lately I had same crazy thoughts on coding a javascript wrapper to manipulate images rendered on the server-side. I decided to do some test which eventually resulted in phototype, a client/server-side library, based on prototype, which supports all kinds of image manipulations. On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images.”

Website: http://ajaxorized.com/phototype-image-manipulation-with-javascript

“When we first launched the lab, we released a jQuery plugin that automatically preloads all images referenced in CSS files. We’ve found the script to be incredibly helpful in developing snappy applications where images are always ready when we need them. This post describes a significant update to the script which will make it even easier to integrate in existing projects.”

Website: http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

“In this tutorial I

jQuick is a quick tag creator for jQuery written by Francesco Sullo. “During the development of the first releases of PassPack, I adopted Easy DOM Creation by Michael Geary to quickly manage the DOM elements. But, in january, with the beta4 version of PassPack I needed to overcome Michael’s library’s limits (due to the compatibility with Prototype). So I developed jQuick. I hope you find it useful.”

Website: http://jquick.sullof.com/jquick/

“By default, Rails comes packed with the Prototype javascript library and the effects library, Scriptaculous. While this is all well and good sometimes you want a change. I personally prefer jQuery to prototype. I don

AjaxCRUD is an open-source PHP API which allows you to connect to a mySQL database and easily perform the necessary CRUD operations (create, read, update, & delete rows). This PHP class allows you to get the access you need without spending the time and energy on lengthy coding.

Website: http://www.ajaxcrud.com/

JavaScriptMVC is a framework that brings methods to the madness of JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

Website: http://javascriptmvc.com/index.html