Tuesday, June 22nd, 2010

Drag and drop is a gateway drug with DragDealer

Category: Component, JavaScript

DragDealer is a fine new JavaScript component that abstracts both touch and point interfaces. It makes life easy to do sliders and the like: < View 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 Read the rest…

Posted by Dion Almaer at 6:12 am

3.5 rating from 4 votes

Friday, June 18th, 2010

Inline content assist for text fields and areas

Category: Component, JavaScript, Library

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 <textarea> or <input> tag and places completion proposals popup under it. You can explicitly call popup window to assist/replace word (depends on caret position) with Read the rest…

Posted by Dion Almaer at 5:12 am

3 rating from 3 votes

Thursday, March 4th, 2010

Color Picker: Works even in IE6

Category: Component

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: 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”); = “visible”; // this Read the rest…

Posted by Dion Almaer at 6:02 am

3.4 rating from 39 votes

Wednesday, February 10th, 2010

Plupload: A rich upload experience on pluggable backends

Category: Component, JavaScript

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 Read the rest…

Posted by Dion Almaer at 6:18 am

4.1 rating from 87 votes

Friday, July 3rd, 2009

Machsend: P2P file sharing via Browser Plus

Category: Component, Yahoo!

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 :)

Posted by Dion Almaer at 5:52 am
1 Comment

3.1 rating from 14 votes

Thursday, July 2nd, 2009

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

Category: Component, GWT, Library

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 Read the rest…

Posted by Dion Almaer at 6:44 am

3.3 rating from 25 votes

Tuesday, June 23rd, 2009

ProtoFish: advanced hover menu

Category: Component, Prototype

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 Read the rest…

Posted by Dion Almaer at 5:05 am

2.8 rating from 64 votes

Friday, April 24th, 2009

280Slides, Cappuccino, Atlas, and Aristo

Category: Atlas, Cappuccino, Component, Design, Video

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 Read the rest…

Posted by Ben Galbraith at 11:00 am

3.3 rating from 36 votes

Friday, April 10th, 2009

The New TextboxList

Category: Component, MooTools

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 Read the rest…

Posted by Ben Galbraith at 8:00 am

4.2 rating from 46 votes

Thursday, February 19th, 2009

Nextpoint releases open source project Growl4Rails

Category: Component, JavaScript, Prototype, Rails

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 solid Read the rest…

Posted by Dion Almaer at 12:01 am
Comment here

3.7 rating from 29 votes

Friday, February 6th, 2009

How many engineers does it take to create a cross browser button?

Category: Component, CSS, UI

So, you want to create a button that you have full control over, and you want it to work well cross browser. Shouldn’t be hard right? Wrong. Doug Bowmanepines about the job of doing just this, which is something he kicked off at Google, and we see the result in apps such as Sites and Read the rest…

Posted by Dion Almaer at 12:01 am

4.3 rating from 47 votes

Tuesday, January 20th, 2009

Sexy Page Curls

Category: Component, jQuery

I thought that sexy curls were not related to technology, but Elliott Kember packaged a nice and easy page curl plugin using jQuery. All you need to do is: < View plain text > HTML <script type="text/javascript" src="turn/turn.js"></script> <link rel="stylesheet" type="text/css" href="turn/turn.css">   <script> $(document).ready(function(){     $( ‘#target’ ).fold(); }); </script>

Posted by Dion Almaer at 7:08 am

3.7 rating from 60 votes

Thursday, January 8th, 2009

jQuery pageSlide: throwing content around

Category: Component, Examples, jQuery

Scott Robbin (Songza co-founder) has created a very cool jQuery plugin for pageSlide, an interaction based off of Aza’s prototypes for Firefox Mobile and Ubiquity mouse gestures. The plugin wraps body content into a container and shifts it off of the page whenever a click event is fired, revealing a secondary interaction pane. This plugin Read the rest…

Posted by Dion Almaer at 9:10 am

3.7 rating from 70 votes

Wednesday, January 7th, 2009

AddressChooser: address picker in real-time

Category: Component

Sébastein Gruhier has released a new address component that integrated a map with the address that you are filling. The UX is interesting as when you first get typing it doesn’t really narrow down the address so you are seeing maps of bizarre places. As well as a basic version, you can also tie in Read the rest…

Posted by Dion Almaer at 7:37 am

4.3 rating from 30 votes

Thursday, December 11th, 2008

SmartMarkUp: Universal Markup Editor

Category: Component

Joseph Woods of PHPCow sent us a note about SmartMarkUP, a “universal markup editor”: SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and Read the rest…

Posted by Ben Galbraith at 12:00 pm

3.1 rating from 37 votes

Thursday, November 13th, 2008

jsTree Nears 1.0; Solicits Feedback

Category: Component, jQuery

Several months ago, we covered jsTree, a promising new tree component built on top of jQuery. It’s since gained its own website and is nearing a 1.0 release. There have been a few changes since we last wrote about it: * A lot of focus on the JSON data source * Native async support (meaning Read the rest…

Posted by Ben Galbraith at 8:00 am

3.9 rating from 40 votes