Monday, December 17th, 2007

WireIt: Yahoo! Pipes Canvas Wiring API

Category: Canvas, JavaScript, Library, UI, Widgets, Yahoo!

Eric Abouaf has released WireIt, a library that answers the though: “wow, I wish there was an API that did the UI bits that Yahoo! Pipes does.” WireIt uses canvas, excanvas for IE, and YUI to get the job done. Take a look at the docs to see how it works. Here is the code Read the rest…

Posted by Dion Almaer at 9:00 am
Comment here

3.8 rating from 41 votes

Thursday, November 29th, 2007

Genfavicon: A favicon generator

Category: Ajax, jQuery, UI

Adding to the long list of generator–style sites is the latest addition called Genfavicon. Using jQuery for it’s DOM manipulation and Ajax work, the site actually does a pretty decent job of creating the cool little favicons used throughout the web. You have the option of either specifying a URL for the image you’d like Read the rest…

Posted by Rey Bango at 6:00 am

2.9 rating from 45 votes

Monday, November 26th, 2007

Product pages: so much suck, so easy to fix

Category: Articles, UI, Usability

Now and then we weave the Ajaxian car into the designer fast lane from the developer one as we see something interesting. This time around we have Amy Hoy talking about product pages as an example of how to do good UX(P|D|). She starts out with UX 101: Be nice to your users and customers Read the rest…

Posted by Dion Almaer at 5:10 am

3.4 rating from 46 votes

Thursday, November 22nd, 2007

Chronoscope: GWT based charting library

Category: GWT, JavaScript, Library, UI

Ray Cromwell and the Timepedia team have released Chronoscope, a charting and visualization platform for Google Web Toolkit, as open source. Chronoscope provides a rich Java API for you to play with: Canvas abstraction for drawing vector graphs Graph Style Sheets abstraction for configuring the look-and-feel of charts Scalable multiresolution rendering supporting up to tens Read the rest…

Posted by Dion Almaer at 8:00 am

3 rating from 41 votes

Tuesday, November 20th, 2007

Mocha UI – MooTools Canvas UI class

Category: Canvas, MooTools, UI

In an ongoing exercise to become more familiar with MooTools and Canvas, Greg Houston has created an extension to MooTools called Mocha UI which provides a new UI class made with canvas tag graphics. The new class provides the following set of features: No images. The windows, including their controls, gradients and shadows, are drawn Read the rest…

Posted by Rey Bango at 11:02 am

3.3 rating from 183 votes

Monday, November 5th, 2007

sosymbol: Mashup your icons

Category: SVG, UI

Raymond Penners has launched sosymbol, a site with a collection of web2.0 (read: big?) style buttons and symbols that can be mashed up online and exported to svg/screensaver.

Posted by Dion Almaer at 6:21 am

2.6 rating from 23 votes

Thursday, October 25th, 2007

Designing the perfect Tree

Category: Component, UI

Glen Lipka has been thinking about Trees. He looked around for patterns for building them, and couldn’t find anything. Then he looked at examples such as the Ext Tree component and ended up writing up his dream tree: Hover.  This is a problem with Vista as well.  If it’s clickable, then it should afford clicking.  Read the rest…

Posted by Dion Almaer at 8:27 am

2.5 rating from 119 votes

Monday, October 22nd, 2007

Ajax Javascript Galleries, Slideshows and Effects Redux

Category: Ajax, Articles, UI

Max Kiesler has been doing some nice roundup posts recently. He just published Ajax Javascript Galleries, Slideshows and Effects Redux, a piece that goes through a large group of libraries and apps that show off image related functionality. He ends up discussing: e2 AJAX Gallery FrogJS Javascript Gallery Highslide JonDesign’s SmoothGallery 2.0 LightWindow v2.0 Pyxy Read the rest…

Posted by Dion Almaer at 6:30 am

3.9 rating from 343 votes

Saturday, October 20th, 2007

Coming soon to Flickr: Photo editing

Category: Flash, UI, Yahoo!

TechCrunch reports Flickr is to gain photo editing. It will use IFrame-based integration with Flash editing tool Picnik. Flickr has chosen Seattle-based Picnik (profile) to handle the long requested photo editing feature for Flickr users. Currently, you can rotate photos on Flickr, but the editing stops there. When the new tools launch, users will be Read the rest…

Posted by Michael Mahemoff at 12:57 pm

3.4 rating from 37 votes

Monday, October 8th, 2007

Sun Labs Lively Kernel: Morphic UI for the Web (Self and Squeak)

Category: JavaScript, Library, Toolkit, Tutorial, UI

Sun Labs has released a new Lively Kernel project that takes the Morphic UI framework that Sun developed for Self, and implements it in JavaScript. This enables you to run the kernel and start interacting with the world. There is one world. Why did they do it? The Lively Kernel places a special emphasis on Read the rest…

Posted by Dion Almaer at 9:01 am

3.3 rating from 61 votes

Tuesday, September 25th, 2007

gefingerpoken: Multi Touch Gestures

Category: Flash, Showcase, UI

Michal Migurski implemented the two-finger drag of a multi-touch interface in Flash: (Please install the Flash Player plugin) In his example he visually shows how the implementation calculates a third point of the triangle. He explains this all: There are two main difficulties: figuring out how precisely the two contacts should act on an object, Read the rest…

Posted by Dion Almaer at 6:16 am

2.7 rating from 26 votes

Tuesday, September 18th, 2007

Aza Raskin’s Case for Undo

Category: Design, UI

Aza Raskin, whose company created the Enso “Quicksilver-ish” PC launcher and the perpetual scrolling blog, wrote “Never Use a Warning When You Mean Undo” for A List Apart a few months ago, echoing the advice given by his father Jef Raskin in The Human Interface. I don’t think anyone refutes the wisdom of this suggestion, Read the rest…

Posted by Ben Galbraith at 6:00 am

3.4 rating from 32 votes

Tuesday, May 29th, 2007

Bitjuice: JavaScript Bitmap API

Category: JavaScript, Library, UI

Our own Michael Mahemoff has been at it again, and this time with a real twist. Michael has packaged Bitjuice, a Javascript API that lets you draw graphics by creating complex HTML tables that are styled. Yup, not Canvas, not SVG, but HTML tables! You can take it for a spin with the interactive scratchpad.

Posted by Dion Almaer at 8:43 am

2.4 rating from 25 votes

Thursday, May 24th, 2007

Interface Elements for jQuery

Category: jQuery, UI

Interface Elements is to jQuery, as Script.aculo.us is to Prototype. It contains a slew of UI controls such as: Animate Effects Draggables Droppables Sortables Selectables Resizables Slider Tooltips Slideshow Imagebox Autocompletion Autoscrolling Autoexpander Accordion Tabs in Textareas 3D Carousel Fisheye menu You can see these all in action via the demos which include some real Read the rest…

Posted by Dion Almaer at 6:06 am

3.1 rating from 73 votes

Wednesday, May 16th, 2007

OpensIFR: Tool to generate font files

Category: Flash, UI, Unobtrusive JS

OpensIFRr is a new tool that enables you to create sIFR flash files that represent fonts that you need. Ben and I demonstrated sIFR at JavaOne last week. We took the typography of ajaxian.com and spruced it up in an unobtrusive way. Here is a simple hello world recap of how to use sIFR: < Read the rest…

Posted by Dion Almaer at 5:07 am

3.5 rating from 36 votes

Wednesday, April 25th, 2007

Rounded and Shaded Corners

Category: UI

Jesse Kuhnert was looking at the Google Rounded Corners and decided to implement his own, using the same URL structure. You can see his demo at work, and you can add corners by doing this: < View plain text > css .detail {   display:block;   margin-top:2em;   padding: 0 1.1em 2em;   background: url("rounded?bc=white&w=600&h=40&shadow=true&ah=10&aw=10&sw=4&o=.5") Read the rest…

Posted by Dion Almaer at 5:02 am

3.8 rating from 38 votes