UI


Wednesday, November 12th, 2008

Time Picker UI

Category: jQuery, UI, Usability

John Resig linked to an interesting new time picker UI that Maxime Haineault implemented as a jQuery plugin: He made a “two click” time picker. The first click is within the time field. This activates the display and allows the user to choose the time – all of which is done by moving the mouse Read the rest…

Posted by Dion Almaer at 12:01 am
16 Comments

+++--
3.2 rating from 34 votes

Wednesday, October 15th, 2008

Non-Euclidean Browser UI

Category: Browsers, UI

The video above by Ron Brinkmann is his mockup of a non-euclidean browser UI which looks a touch like the magnifying glass tool on the iPhone, and aims to give you your data in a readable way, while still showing the larger context: The reason why I think an interface like this can be superior Read the rest…

Posted by Dion Almaer at 6:16 am
2 Comments

++---
2.7 rating from 42 votes

Monday, August 18th, 2008

Nice new Dojo aggregate effects

Category: Dojo, UI

Dojo has some nice new compound effects in the works. Some of the new effects include block fades, disintergrate, explode, shear, and pinwheel. Each effect can be tweaked with config such as: The number of rows and columns in which to split the element The distance the pieces travel (as a multiple of the element’s Read the rest…

Posted by Dion Almaer at 6:33 am
11 Comments

++++-
4 rating from 42 votes

Tuesday, August 5th, 2008

Facelift Image Replacement; Another look at sIFR type work

Category: UI

Facelift Image Replacement (or FLIR, pronounced fleer) is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers. Any element Read the rest…

Posted by Dion Almaer at 8:42 am
18 Comments

++++-
4 rating from 32 votes

Wednesday, July 16th, 2008

Mozilla Labs is Ubiquitous

Category: UI

The Humanized folk who now work in Mozilla Labs have taken their Enso work and created Ubiquity, a Firefox plugin that implements the Graphical Keyboard User Interface: Web applications, much the same as desktop applications, are a bit like isolated cities: it’s difficult for an end-user to arbitrarily share data and functionality between them. This Read the rest…

Posted by Dion Almaer at 7:49 am
3 Comments

+++--
3 rating from 18 votes

Wednesday, July 2nd, 2008

Starfield Sim Picasa Gallery with Prototype

Category: Prototype, UI

Asad Sheth has been playing with a Starfield Sim Picasa Gallery using Prototype. He said: I think it’s an interesting way to think about temporally organized data (I could see RSS feeds navigated through some similar mechanism, with the z-axis being time and the x- and y-axes being some kind of similarity measure), and further Read the rest…

Posted by Dion Almaer at 10:58 am
3 Comments

+++--
3.8 rating from 25 votes

Wednesday, June 25th, 2008

Processing and Obsessing

Category: UI

Obsessing is a “very alpha” service that allows you to edit and build Processing.js applications on the fly. The editor is a tough flaky, but you can create and save your programs back to the cloud.

Posted by Dion Almaer at 8:13 am
4 Comments

++---
2.3 rating from 19 votes

Friday, June 13th, 2008

Pivot: Swing++ as New Java-based RIA Platform?

Category: Java, UI

And now for something a little bit different on a Friday. Greg Brown from VMWare pointed us to the fruition of nearly a year’s worth of R&D: Pivot, a new GUI toolkit for Java. While traditionally Java Applets and the Web have mixed together about as well as concrete and peanut butter, the upcoming revised Read the rest…

Posted by Ben Galbraith at 7:05 am
9 Comments

+++--
3.6 rating from 33 votes

Monday, June 9th, 2008

jQuery UI 1.5: Effects, API, and Themes

Category: jQuery, UI

Paul Bakaus & the jQuery UI Team has released a major update jQuery UI 1.5. There seem to be three major pieces to the news: API Refactoring What we came up with, was an API that removed 95% of our exposed methods, and kept only one single overloaded method per plugin. For example: $(”div”).draggable() creates Read the rest…

Posted by Dion Almaer at 3:54 am
8 Comments

+++--
3.3 rating from 6 votes

Monday, June 2nd, 2008

Yahoo! Design Stencil Kit 1.0

Category: UI, Yahoo!

The folks at Y!DN have released Yahoo! Design Stencil Kit 1.0, which contains a full set of stencils that cover Web components in various states including: Ad Units Calendars Carousels Charts and Tables UI Controls Form Elements Grids Menus and Buttons Mobile – General Mobile – iPhone Navigation and Pagination OS Elements Placeholder Text Screen Read the rest…

Posted by Dion Almaer at 7:20 am
Comment here

++++-
4.1 rating from 40 votes

Wednesday, May 28th, 2008

Addressbook: An example of the Form History Pattern

Category: Gears, Showcase, UI, Usability

One of the examples that Ben and I give in our State of Ajax talk at Google I/O today revolves around form history. We were thinking about the case for Undo on the Web that Aza Raskin is proposing and it got us thinking about the usage patterns of form data. An example that got Read the rest…

Posted by Dion Almaer at 11:34 am
9 Comments

+++--
3.6 rating from 18 votes

Tuesday, April 8th, 2008

JS Time Machine

Category: Component, JavaScript, UI

Kristian Thornley had a unique requirement for displaying data change overtime and thought that he would build a Mac Leopard JS Time Machine. Kristian told us that “currently the effect suffers if the data in the panels are too detailed and I will probably set up some event handlers e.g. onScale preScale postScale which could Read the rest…

Posted by Dion Almaer at 9:31 am
5 Comments

-----
-1031 rating from 29 votes

Wednesday, March 19th, 2008

CiUI: CNET iPhone UI

Category: iPhone, JavaScript, UI

Vladimir Olexa of CNET has released CiUI a iUI inspired iPhone JavaScript libary that mimics the iPhone UI behavior. It’s already being used on CNET¹s iPhone page (http://iphone.cnet.com). It’s been greatly inspired by iUI with a few key differences: AJAX calls are performed after a page slides DOM doesn’t get overloaded with “pages” as they Read the rest…

Posted by Dion Almaer at 10:52 am
3 Comments

+++--
3.8 rating from 26 votes

Friday, January 25th, 2008

Animated PNG in Firefox 3

Category: UI

Firefox 3 has support for Animated PNG: One of many new features added to Firefox 3 is the support of a new file format, the Animated PNG! Browsers have supported animated GIFs for more than a decade, but the GIF image format has a number of limitations and is overdue for replacement. The PNG image Read the rest…

Posted by Dion Almaer at 5:58 am
19 Comments

+++--
3.9 rating from 31 votes

Sunday, January 20th, 2008

CuePrompter: Javascript Teleprompter

Category: Showcase, UI

CuePrompter (via DownloadSquad) is an browser-based teleprompt tool. Cut-and-paste some or insert some text and the application will scroll it forward or back, at your desired speed. A variant of the Ajax e-reader concept. Peeking at the source, it’s been around since 2005. Implementation is small and straightforward. It works using a timer and manipulation Read the rest…

Posted by Michael Mahemoff at 6:45 pm
3 Comments

++---
2 rating from 31 votes

Thursday, January 17th, 2008

Triggit: WYSIWYG Content Insertion Tool and Platform

Category: JavaScript, Showcase, UI, Utility

Triggit has created a very interesting tool. The problem they are trying to solve is that many people want to muck around with their websites, but don’t want to grok HTML. They want to integrate with services (mash them up in a manual one off way) such as insert their videos from YouTube, photos from Read the rest…

Posted by Dion Almaer at 8:00 am
7 Comments

+++--
3.5 rating from 30 votes