Archive for the 'Component' Category

Drag and drop is a gateway drug with DragDealer

DragDealer is a fine new JavaScript component that abstracts both touch and point interfaces.
It makes life easy to do sliders and the like:
PLAIN TEXT
HTML:

<div id=”my-slider” class=”dragdealer”>
        <div class=”red-bar handle”>drag me</div>
</div>
<script>
new Dragdealer(’simple-slider’);
</script>
 

But, it can do so much more. Most of the power comes from tying functions into the drag movements. A good example [...]

Inline content assist for text fields and areas

Sergey Chikuyonok has created a really nice, easy to use, and good looking content assist library for input text fields and text areas:

It calculates precise position of characters in or
tag and places completion proposals popup under it. You can explicitly call popup window to assist/replace word (depends on caret position) with Ctrl+Space (buggy [...]

Color Picker: Works even in IE6

Works even in IE6

Love that quote from the color picker over at RaphaelJS land. This plugin by Dmitry Baranovskiy gives you an easy color picker in short order:
PLAIN TEXT
JAVASCRIPT:

 

var icon = Raphael(”picker”, 23, 23).colorPickerIcon(11, 11, 10);

 

icon.attr({cursor: “pointer”}).node.onclick = function () {

    document.getElementById(”benefits”).style.visibility = “visible”;

    var out = document.getElementById(”output”);

    out.style.visibility = “visible”;

    [...]

Plupload: A rich upload experience on pluggable backends

The Moxiecode folks (TinyMCE fame) have released a generic component Plupload that allows you to create a rich upload experience on the back of a variety of transports. Whether it be HTML5, Gears, Silverlight, Flash, BrowserPlus or normal forms, you can get an upload experience with drag and drop, progress, client side image resizing and [...]

Machsend: P2P file sharing via Browser Plus

Alex MacCaw has released Machsend, a Yahoo! Browser Plus plugin that enables P2P file transfers from inside the browser.
It showcases what can be done with a BP plugin, leaving you wish cross browser functionality.
I guess it is kinda fun to hack the browser :)

GChart 2.5: Faster, sharper, canvas-rendered, pie, line, and area charts

John Gunther has released GChart 2.5, a client-side library that adds a new canvas-rendering option for sharper, better looking, alpha-transparent, pie, line, and area charts.

John told us:

Canvas-rendering corrects GChart’s most serious visual quality limitations (including the most often mentioned problem by its users: the banded-filled pie slice).
Coupled with its existing feature set and ease of [...]

ProtoFish: advanced hover menu

ProtoFish is an advanced hover menu based on Prototype, written by Peter Slagter. You can easily add a delay to your menu (on mouseout) and choose your own hover class. All ProtoFish menu’s will respond to users who use the TAB-key to navigate through your page.

It is trivial to use. Once you load up [...]

280Slides, Cappuccino, Atlas, and Aristo

Francisco Tolmasky presented on the latest goodies from 280North at JSConf. In the past we’ve given the 280North guys a bad time for talking about 280Slides and their other stuff using… Keynote. I don’t know if he used Keynote at JSConf, but Francisco published the slides using the 280Slides web-based presentation viewer, which is also [...]

The New TextboxList

Over at devthought, Guillermo Ranch has rewritten his clone of Facebook’s “TextboxList” component:

It’s been some time since TextboxList got some attention. It is undoubtedly one of the my most popular JavaScript projects, along with the famous Fancy Menu (MorphList) and its slideshow sibling, BarackSlideshow.
TextboxList has been rewritten from scratch, and it’s more solid than ever. [...]

Nextpoint releases open source project Growl4Rails

The team at Nextpoint has released the open source project Growl4Rails, a component providing Growl-like functionality in Rails web applications.

Nextpoint’s e-discovery product deals with many very large documents. Indexing, imaging and PDF-ing of those documents can take a bit of time, which requires us to execute these tasks asynchronously. Background processing demands a [...]