UI


Monday, February 13th, 2006

TIBCO General Interface version 3.1 Professional Edition Released

Category: JavaScript, Library, TIBCO, Toolkit, UI

TIBCO Software Inc. has released TIBCO General Interface version 3.1 Professional Edition. This is an exciting new release (above and beyond the point release version number) because of: Pricing: We have run into past situations where the price of TIBCO GI put people off. TIBCO realised this, and has slashed the price, so much so Read the rest…

Posted by Dion Almaer at 9:38 am
11 Comments

+++--
3.7 rating from 47 votes

Saturday, February 11th, 2006

Google Web Editor – Rumour

Category: UI, Web20

Google is *rumoured* to be working on an Ajax web page editor: Google has a project codenamed trogdor, an ajax webpage editor for creating web pages. = geocities except with a javascript page creator. Google or not, an Ajax-style GeoCities makes sense. We’ve seen portal-like editors like Dobrado that make light work of page creation Read the rest…

Posted by Michael Mahemoff at 6:05 am
60 Comments

++---
2.9 rating from 579 votes

Wednesday, February 8th, 2006

Modal Dialog: Lightbox Goes Wild

Category: Library, Prototype, UI

Chris Campbell has written up a detailed look into an alternative implementation of Lightbox (which we linked to awhile back). The entry goes into detail on the CSS and JavaScript required to build the modal dialog, and it uses Prototype. Brian Shih integrated Scriptaculous effects, which makes it look very Apple-ish. You can check out Read the rest…

Posted by Dion Almaer at 8:36 am
19 Comments

+++--
3.7 rating from 101 votes

Thursday, January 19th, 2006

Onion Skinned Drop Shadows with JavaScript

Category: JavaScript, Library, UI

Brian Williams wrote an article back in time on onion skinned drop shadows. Bob Aman decided that although he liked the drop shadows, he thought it was more complicated than it needs to be to implement it (lots of html and css). So he created a simple wrapper JS that uses behaviour.js to do the Read the rest…

Posted by Dion Almaer at 9:49 am
15 Comments

++++-
4 rating from 360 votes

Tuesday, January 10th, 2006

ClearNova open sources ThinkCAP Ajax Framework

Category: Editorial, JavaScript, Library, Toolkit, UI

It seems like a lot of people want to get market share with their Ajax frameworks. ThinkCAP JX is now licensed as open source: Two software companies are beefing up their Web applications using Asynchronous JavaScript and XML (Ajax) and contributing parts of their products to the open-source community to try to spur further Ajax Read the rest…

Posted by Dion Almaer at 1:12 am
2 Comments

+++--
3.6 rating from 35 votes

Monday, December 26th, 2005

Free Progress Indicators

Category: UI, Usability

So you’ve figured out that your users would appreciate a Progress Indicator during those impatient moments of asynchrony. Coding it is easy enough, the hard part is coming up with a pretty animated icon. Well, you can hopefully skip that bit now, thanks to a nice collection of animated icons from Jakob Skjerning (via Deep Read the rest…

Posted by Michael Mahemoff at 7:58 am
1 Comment

+++--
3.9 rating from 18 votes

Thursday, December 15th, 2005

Killer effects with Canvas

Category: Canvas, UI

Romain Guy is a top guy at Sun, known for his awesome effects and look and feels in Java Swing. He had a look on the Ajax side recently though, when he took Canvas for a ride. Take that rich UI frameworks! :) Source Code function drawCD() { var g2 = document.getElementById(“cdCover”).getContext(“2d”); g2.save(); g2.translate(0, cdCase.height Read the rest…

Posted by Dion Almaer at 1:28 am
4 Comments

+++--
3.8 rating from 8 votes

Tuesday, November 29th, 2005

Tooltip.js: Creating simple tooltips

Category: JavaScript, Toolkit, UI, Usability

Tooltip.js is a simple library that builds on top of Prototype and Script.aculo.us. You can create tooltips programatically, or just by using special CSS classes. CSS Styling Tooltips The most simple example is to add a div with the class of tooltip immediately after the item that you wish to activate a tooltip. E.g. <p>Click Read the rest…

Posted by Dion Almaer at 10:18 am
88 Comments

++++-
4 rating from 143 votes

Wednesday, November 23rd, 2005

Panoramio.com – slick photo mashup with Google Maps

Category: Examples, Mapping, UI

Panoramio.com is a new photo service/Google Maps mash up. Although there are similiar mashups, this one stands out because of its simple, well designed interface. You upload a photo just by clicking on the location on the map and filling out the pop up form, without any need to log in. There is a nice Read the rest…

Posted by Rob Sanheim at 12:33 pm
2 Comments

+++--
3.2 rating from 13 votes

ColorBlender: sliding to color matches

Category: UI

ColorBlender utilizes components that talk to eachother to give the layman a nice color match for any work that they are doing. A color slider, patchwork of colors, and mini variations hexagon all talk to eachother.

Posted by Dion Almaer at 10:00 am
2 Comments

+++--
3.6 rating from 7 votes

Friday, November 18th, 2005

Ajax Dialog Windows

Category: UI, Usability

Luke Wroblewski, a usability guy, has written about Ajax Dialog Windows. He analyzes the new world of poping up dialog windows, rather than having to send people to new pages for those tasks. This technique makes perfect sense when: You only need to capture a little content You don’t want to end up on a Read the rest…

Posted by Dion Almaer at 10:08 am
4 Comments

+++--
3.7 rating from 63 votes

Tuesday, November 15th, 2005

Cross browser screenshots from Browsershots.org

Category: Accessibility, Toolkit, UI, Usability

Are you tired of wondering if your finely crafted interface will look correct in Safarai or the latest Konqueror on Linux? If so, check out browsershots. Just enter the URL you want screenshots for and it gets added to the queue. Check back (the delay is around a 12 hours lately) and you’re screenshots will Read the rest…

Posted by Rob Sanheim at 2:08 am
7 Comments

++++-
4.1 rating from 14 votes

Friday, November 11th, 2005

DomCorners: Give me rounded corners

Category: UI

DomCorners is a clean technique for getting rounded corners. You get to put in a few JavaScript snippets like: <script type=”text/javascript” src=”domCorners.js”></script> <script type=”text/javascript”> if(DomCheck()){ DomCorners(“box”,”rc.png”,10); } </script> and you end up with: It’s amazing the lengths we go to get small things like roundness isn’t it? :) Example 1 Example 2 Example 3

Posted by Dion Almaer at 9:55 am
10 Comments

+++--
3.2 rating from 10 votes

Friday, September 23rd, 2005

ClearNova announces ThinkCAP JX

Category: Java, JavaScript, Toolkit, UI

ClearNova has announced ThinkCAP JX, which is a RAD platform for building Ajax, and J2EE applications. Features MVC Framework Integrated Visual Workbench Page Flow Designer Smart Data Binding Data Aware Components “Mock” Data Prototyping Updateable DataView Content Management Checkout screen shots of the tools Resources ClearNova integrates Java and Ajax: Spurred by Ajax, the Rich Read the rest…

Posted by Dion Almaer at 11:19 am
Comment here

+++--
3.1 rating from 7 votes

Thursday, September 8th, 2005

Niceforms: Pretty up your web forms

Category: CSS, Examples, JavaScript, UI

Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. You basically Read the rest…

Posted by Dion Almaer at 2:29 pm
7 Comments

++++-
4.2 rating from 30 votes