UI


Thursday, August 31st, 2006

Embedded SVG in Protowidget

Category: UI

Terry Laurenzo has posted on Embedded SVG from his experience starting with the SVG example from Mozilla, and adapting Protowidget so that it could attach widgets to some SVG elements. < View plain text > xml <svg xmlns="http://www.w3.org/2000/svg"       version="1.1" width="500" height="500"       baseProfile="full">     <g fill-opacity="0.7" stroke="black" stroke-width="0.1cm">   Read the rest…

Posted by Dion Almaer at 9:45 am
Comment here

+++--
3.5 rating from 14 votes

Tuesday, August 29th, 2006

Only Simchas: Face Finding

Category: Showcase, UI

Only Simhcas is a jewish celebrations site (simchas means ‘celebration’ in hebrew). They have a nice simple ajax feature. When viewing a large copy of the photo in the photo galleries, you can now click once to drag a square over your face, and save it to mark yourself. Login prompting is done inline if Read the rest…

Posted by Dion Almaer at 9:34 am
4 Comments

+++--
3.1 rating from 29 votes

Tuesday, August 22nd, 2006

Telly Listings

Category: Showcase, UI

A simple TV guide has been created for the bare bones UK channels at Telly Listings. The UI is a little strange in the clicking and mouseover actions. You can see how things could be taken from here though to provide an easy way to select the channels that you care about, navigate around them, Read the rest…

Posted by Dion Almaer at 10:27 am
1 Comment

+++--
3.8 rating from 18 votes

Friday, August 11th, 2006

Improved Dojo ComboBox

Category: Dojo, Toolkit, UI

One of the joys of Ajax is watching a bunch of competing toolkits once again implement the same old widgets we’ve been using since the nineties. On this subject, Kenneth Ko writes: The main problem I see with the dojo ComboBox control is that it is NOT a true ComboBox. It is an AutoCompleter. A Read the rest…

Posted by Ben Galbraith at 11:32 am
13 Comments

+++--
3.6 rating from 79 votes

Monday, August 7th, 2006

Implementation of Office 2007 Ribbon with Ajax

Category: Showcase, UI

Kevin from Noovo Communications in Korea sent in an interesting link to their Ajax-based webpage editor. I confess, I haven’t kept up with the on-line webpage editor space, so I have no idea how impressive this is relative to other such sites. However, I was intrigued by their attempt at implementing the Microsoft Office 2007 Read the rest…

Posted by Ben Galbraith at 12:20 pm
10 Comments

+++--
3.8 rating from 44 votes

Tuesday, July 25th, 2006

Link Thumbnail: Photo Mouse Over

Category: JavaScript, Library, UI

When Ben and I were at an “Under the Radar” O’Reilly event, one of the companies was trying to push a product that allowed you to mouseover a link and see what comes next. People doubted whether a company could be made around that idea, and now we are seeing more and more ways where Read the rest…

Posted by Dion Almaer at 9:24 am
9 Comments

+++--
3.9 rating from 33 votes

Breaking User Interfaces for Fun and Profit

Category: JavaScript, UI, Usability

For all of the good uses of Ajax out there, there are still some really really (*really*) bad ones that come to mind. Unfortunately, some site developers just don’t quite know when to stop, and this post on SitePoint.com today (by Alex Walker) points out just such a perpetrator – Art.com. Art.com is a large, Read the rest…

Posted by Chris Cornutt at 7:26 am
13 Comments

++++-
4 rating from 18 votes

Friday, July 21st, 2006

Ningbar: Customizable, Dynamic JS top bar

Category: Showcase, UI

Ning has replaced their bulky sidebar that “formerly hogging the right hand column of every Ning app” with a new Ningbar which is a nice JavaScript drop down. The closed Ningbar One opened state The folding down top bar seems to be a new favourite pattern these days. To begin with we saw “Login / Read the rest…

Posted by Dion Almaer at 1:03 pm
1 Comment

+++--
3.6 rating from 15 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

Friday, July 7th, 2006

JFK Assassination Timeline

Category: Showcase, UI

The JFK Assassination Timeline is a nice example of a dragable clickable pure JS UI. The demo shows off SIMILE: SIMILE is a joint project conducted by the W3C, MIT Libraries, and MIT CSAIL. SIMILE seeks to enhance inter-operability among digital assets, schemata/vocabularies/ontologies, metadata, and services. A key challenge is that the collections which must Read the rest…

Posted by Dion Almaer at 7:03 am
5 Comments

+++--
3.7 rating from 24 votes

Thursday, July 6th, 2006

Slightly ThickerBox

Category: JavaScript, Library, UI

Lightboxes seem to be as hot as auto complete widgets or mashups these days! Jason Levine has modified Cody Lindley’s Thickbox code to create Slightly ThickerBox. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you Read the rest…

Posted by Dion Almaer at 10:34 pm
24 Comments

+++--
3.8 rating from 44 votes

Saturday, July 1st, 2006

Similie: Draggable Timelines

Category: UI

Similie is a neat way to view timeline data. Instead of paginating, it offers a continuous strip which you can drag back and forth with your mouse, a la Google Maps. It’s open-source from MIT. You only have to point the widget at an XML date file: <event start="Apr 01 1883 00:00:00 GMT" end="May 01 Read the rest…

Posted by Michael Mahemoff at 1:54 am
10 Comments

++++-
4.2 rating from 55 votes

Sunday, June 25th, 2006

Cellsea Image Manipulation

Category: Showcase, UI

Update (June 28, 2006): Beau Hartshorne of Snipshot (formerly Pixoh) says “massive chunks” of Cellsea code are identical to Snipshot. “This is not an accidental inspiration. Check out the cropping code, the resizing code, and so on. We’ve also noticed that portions of their website are also stolen directly from ours … We are contributors Read the rest…

Posted by Michael Mahemoff at 4:25 pm
15 Comments

+++--
3.7 rating from 56 votes

Monday, June 19th, 2006

LITBox: One more lightbox

Category: JavaScript, Library, UI

Ever since LightBox was out we have seen a slew of different versions. Ryan Lowe has created LITBox. Why? So with all of the light/thick/whatever-box methods out there today, why would I build my own… because I wasn’t all that thrilled with the other ones out there. Don’t get me wrong, LITBox is not perfect, Read the rest…

Posted by Dion Almaer at 1:43 pm
24 Comments

++++-
4.1 rating from 45 votes

Wednesday, June 7th, 2006

Visual Wordnet

Category: JavaScript, Library, Toolkit, UI

Kyle Scholz has created a Visual Wordnet based on his Force Directed Graph engine written in JavaScript. Force Directed Graphs are self-organizing, visually appealing tools for representing relational data. The look is organic, because algorithms simulate the way charged particles arrange in space. They work great in user interfaces because the user has access to Read the rest…

Posted by Dion Almaer at 8:42 am
10 Comments

+++--
3.9 rating from 40 votes

Friday, June 2nd, 2006

UIZE: Javascript UI Toolkit

Category: Toolkit, UI

UIZE is a work-in-progress toolkit with a few widgets and some of the coolest visual effects I’ve seen on the web. The UIZE JavaScript API has been designed making full use of the object orientation features of the JavaScript language. The APIs of the various modules have been carefully thought out so that they are Read the rest…

Posted by Michael Mahemoff at 7:29 am
11 Comments

++++-
4.1 rating from 51 votes