Ajax Bestiary: A Javascript Field Guide
 
Ajax Bestiary: A Javascript Field Guide
 
 

Amazing 3d JS Gallery Widget

Posted by Don Albrecht

Gallery Sequence
Here’s a pretty spectacular JS based image gallery with source.  The entire gallery is a 3d fish eye interface.  It’s incredibly easy to use, visually impressive and toolkit agnostic.  It’s performance isn’t as good as some flash based options & I personally find some of the translucency to be distracting rather than conducive to the design. All in all, this is a great gallery widget for those times you need something more impressive than traditional carousels & lighbox / thickbox implementation  Check it out here: http://www.dhteumeuleu.com/ via webappers 

ProtoCorners: Simple Corner Styling for Prototype

Posted by Don Albrecht

Proto CornerAlright, so sometimes you need to throw a little extra style into a project, a bevel there, rounded corner here.  Proto.Corners allows you to simply generate them programatically. Get it at nurey.com

Coda Slider 1.1.1 Has Landed

Posted by Don Albrecht

Coda 1.1.1

Niall Doherty just released a minor update to the powerful & sexy jQuery CodaSlider widget. The version 1.1.1 release increases the visual styling capabilities of the widget by adding more css support.

Not a major update, but the drop in nature and dramatically increased styling ability make this an obvious addition to any projects currently using the widget.

Get it at ndoherty.com:

Slick CSS Based Menu From CSS Play

Posted by Don Albrecht

CSSPlay Pro Menu

Stu Nicolls released this excellent CSS menu.  It’s javascript free and provides incredibly rich interaction for something solely CSS based.

Check it out here: http://www.cssplay.co.uk/menus/pro_drop6#nogo53 

Image Cropper, Smooth Ajax Based Image Cropping for Prototype

Posted by Don Albrecht

 Prototype Image Cropper

David Spurr’s Image Cropper is a powerful and easy to use widget for image cropping.

Some Features:

  •  Un-obtrusive
  • Selection can be moved & resized
  • Drag & Drop interface
  • Size can be restricted to ratio
  • Size can be restricted to minimum dimensions
  • Size can be restricted to maximum dimensions
  • Dynamic Preview
  • All operations bounded by image

Get it here: http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

Spectacular, Unobtrusive Table Script From Frequency Decoder

Posted by Don Albrecht

Frequency Decoder Table

Following in his tradition of delivering, simple, easy to use widgets for beautiful design driven development, Brian McAllister has released this spectacular table widget.

Here are some of the key features:

Check it out at http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script

A Lightweight Rich Text Editor in jQuery

Posted by Don Albrecht

jQuery RTE

As excellent as Xinha, YUI RTE, Tiny MCE, FCK & the other heavyweight Rich Text Widgets are, they can be massive overkill for many projects Weighing in at only 7k (uncompressed). This jQuery Editor is an incredibly light weight and responsive alternative to the big guns for most projects.

Features:

  • Stylesheet based formatting
  • Image support
  • Link Support
  • Strong, emphasis
  • Bulleted list
  • Source view

Supported Browsers

  • IE6+
  • Safari 3+
  • Firefox
  • Opera

Check it out online here:

http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

Plotr Well Built, Prototype Based Charting

Posted by Don Albrecht

plotr

Plotr is an excellent charting library built in prototype.  It outputs to a Canvas / SVG drawing object. (IE 6+ Support is powered by the ExplorerCanvas library).

It currently supports:

  • Bar Charts
  • Line Charts
  • Pie Charts
  • Chart Legends

All in all, it’s an excellent lightweight library for adding basic data visualization capabilities to your app.  More importantly, the chart’s it generates are simply stunning, complete with drop shadows, white outlines, & well designed default color schemes.

Check it out online here:

http://solutoire.com/plotr/

Ingrid: A Server-Side Table Widget for jQuery

Posted by Don Albrecht

ingrid Ingrid is a wonderfully feature rich Table Widget built in jQuery.

Features

  • Row striping (complex patterns supported)
  • Sorting (Server Side)
  • Column resizing
  • Row & Column Styling
  • Beautiful default design

Ingrid’s biggest strength & biggest weakness is its focus on server side data manipulation. In a world where table widgets that support page views of data are less & less common, this is a welcome surprise. It’s also a weakness and overkill for small data sets. Over all, it’s a handy table widget to add to your toolkit.

http://www.reconstrukt.com/ingrid/

jQuery Scroll Show, A Scrolling Photo Gallery Plugin

Posted by Don Albrecht

This Plugin Is Deprecated:  Please Checkout jQuery Serial Scroll

scrollshow ScrollShow is a unique photo gallery implementation that uses scrolling to display the items.  It’s similar to a carousel implementation, but simpler and more flexible.

Check it out here:

http://flesler.blogspot.com/search/label/jQuery.ScrollShow