Component


Saturday, September 9th, 2006

JavaScript Tabbed Widgets

Category: Component, Editorial

I have been working on a tabbed widget that is similar to the one found on the New York Times website below: In some ways this is a great little widget, as it puts a lot of content into a small package, and lets the user switch around to get what they need. There were Read the rest…

Posted by Dion Almaer at 7:16 pm
18 Comments

+++--
3.9 rating from 56 votes

Friday, July 14th, 2006

Y! UI Carousel Component

Category: Component, Toolkit, UI, Yahoo!

Bill Scott of Yahoo! has written up a nice new component on top of the Yahoo! UI library. The Carousel component lets you flick left and right through content (images). You will quickly see that there is a lot of documentation and a real API that allows for many uses: Static HTML – Carousel content Read the rest…

Posted by Dion Almaer at 8:36 am
8 Comments

++++-
4.1 rating from 115 votes

Monday, July 10th, 2006

Ajax Activity Indicators Examples

Category: Component, Examples, Prototype

Ian Selby has written a thorough article on ajax activity indicators – make them globel and unobtrusive. Ian details his solution: So, what can we do about these problems? Well, if you’re using prototype as a part of your framework, you can register global indicator functions. These get executed when there are active requests, and Read the rest…

Posted by Dion Almaer at 10:50 am
24 Comments

+++--
3.9 rating from 171 votes

Thursday, May 25th, 2006

GWT AutoCompleter

Category: Component, Google

Greg Longman of Tacos/Tapestry fame loves his IDE, so when GWT came out he decided to give it a go, letting him stay in Java land. He then wrote up his thoughts on building his first GWT widget, an autocompleter. He also posted the complete source of the project, and a screencast of the widget. Read the rest…

Posted by Dion Almaer at 8:40 am
19 Comments

+++--
3.2 rating from 53 votes

Monday, March 6th, 2006

Unspace Live Data Grid

Category: Component, Examples, LiveEdit, Ruby

Pete Forde took the time to extract the code from a current project and create a lightweight but very functional web grid that does a slick job of live updating whatever content you put in. The widget is pure Rails, Prototype, CSS and XHTML. Pete has a detailed description of the datagrid, and you can Read the rest…

Posted by Dion Almaer at 7:33 am
4 Comments

++++-
4.1 rating from 52 votes

Tuesday, February 28th, 2006

Attack of the Ajax form builders

Category: Ajax, Component, JavaScript, Showcase, Toolkit, UI

Rapid form development with Ajax: JotForms, FormBuilder, and Wufoo

Posted by Rob Sanheim at 11:43 pm
43 Comments

++++-
4 rating from 142 votes

Thursday, February 2nd, 2006

Google Reader: Quicksilver for Labels

Category: Component, Google, Showcase

Google has added a nice new feature to their Google Reader. The feature is a nice UI widget to pick labels for your feeds. As a Mac user, the first piece of software that I would take with me to a desert island would be Quicksilver. It is beautiful, and it means that you no Read the rest…

Posted by Dion Almaer at 11:34 am
4 Comments

+++--
3.6 rating from 25 votes

Wednesday, January 11th, 2006

Treehouse Magazine Login

Category: Component, Editorial

Treehouse Magazine is a magazine about the web. They implement a nice login component in the top right corner. If you want to login, signup, etc you can do it from that widget. Very simple, the forms are just changed around dynamically depending on your use case. We are seeing a log of login components. Read the rest…

Posted by Dion Almaer at 1:30 am
7 Comments

+++--
3.4 rating from 25 votes

Monday, January 9th, 2006

MeasureMap Flash Slider Released

Category: Component, Examples, Flash

Adaptive Path have kindly released a two bundles of the date slider widget that they use in Measure Map (which we covered in the past). The date slider is a Flash visualization that Measure Map uses as one way to navigate the site. We are happy to provide a version of this date slider to Read the rest…

Posted by Dion Almaer at 1:03 am
2 Comments

+++--
3.6 rating from 12 votes

Friday, January 6th, 2006

Live archive explorer for Pivot blogs

Category: Component, Showcase

Marco van Hylckama Vlieg has created a widget for a dynamic view of Pivot blog archives. For details read his blog entry, or check out the widget running on his blog. It takes advantage of a nice live table where rows are loading on the fly as you scroll. It also has a preview of Read the rest…

Posted by Rob Sanheim at 3:05 pm
1 Comment

++---
2.7 rating from 27 votes

Tuesday, December 20th, 2005

Tiny MCE: WYSIWYG Editor

Category: Component

Tiny MCE (Moxiecode Content Editor) 2.x has been released. TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Read the rest…

Posted by Dion Almaer at 8:25 am
5 Comments

+++--
3.6 rating from 25 votes

Friday, December 9th, 2005

Google Password Strength Feedback

Category: Component

We often talk about one of the un-sexy core advantages of Ajax is the ability to do validation where you want it (right where the user is working) but validated securely on the server-side. As we do this, we can offer interesting feedback to the user as they enter in the form data. When you Read the rest…

Posted by Dion Almaer at 9:14 am
17 Comments

+++--
3.5 rating from 87 votes

Live Upload Progress Widget

Category: Component

Sean Treadway has a cool live upload progress demo. The example is implemented on Ruby on Rails.

Posted by Dion Almaer at 9:11 am
8 Comments

+++--
3.9 rating from 13 votes

Monday, December 5th, 2005

JavaScript Image Magnifier

Category: Component, JavaScript, Library, Showcase

This is a fun one. A small JavaScript image magnifier has been released. With a big of JavaScript, you can add magnification to any images on your page. You can add: <script type=”text/javascript” src=”http://valid.tjp.hu/zoom/tjpzoom.js”> </script> and: <div style=”float:left” onmouseover=”zoom_on(event,300,239,’image.jpg’);” onmousemove=”zoom_move(event);” onmouseout=”zoom_off();”><img src=”image.jpg”/></div> You can also have a high-res image for the zoom piece, and use Read the rest…

Posted by Dion Almaer at 1:27 am
5 Comments

+++--
3.7 rating from 44 votes

Tuesday, November 22nd, 2005

FCKEditor: Rich Text Editing

Category: Component, RichTextWidget

We recently covered the Dojo Rich Text Editor. Here’s FCKEditor, another widget that aims to be easy for users to work with and easy for developers to install and customise. Support for keyboard shortcuts is impressive, but the browser gets in the way sometimes. I got burned a couple of times with Cmd-Left, which in Read the rest…

Posted by Michael Mahemoff at 5:14 am
13 Comments

+++--
3.3 rating from 39 votes

Monday, November 21st, 2005

BinaryBonsai Live Archives

Category: Component, Showcase

Over at Binary Bonsai, they have a nice example of Live Archives. The archive refreshes asynchronously, and you are able to view the content via date (chronological), tagging, and categories. As well as the obligatory Tag Cloud, they also have a graph representation of the popularity of their tags, which is actually easier to view. Read the rest…

Posted by Dion Almaer at 2:51 pm
4 Comments

+++--
3.6 rating from 7 votes