UI


Friday, May 28th, 2010

Rounded corners. Moving.

Category: Animation, Graphics, UI

Chris Vanrensburg: “In a similar vein to a recent experiment with animating position, I wanted to see how curves could be applied to animating size changes for an object. To be expected, applying different interpolation curves for the width and height CSS style properties produces some fun effects (to be seen towards the bottom of Read the rest…

Posted by Dion Almaer at 5:41 am
5 Comments

+++--
3.8 rating from 10 votes

Tuesday, May 4th, 2010

Raphael++

Category: Examples, UI

Raphael is pure goodness. Dmitry gave a fantastic talk at JSConf, and his library never fails to impress. There have been a few interesting posts recently. Trotter Cashion kicks things into gear as he declares his love and then goes on to show how you can unit test Raphael with some mocks. Then we learn Read the rest…

Posted by Dion Almaer at 7:06 am
3 Comments

+++--
3.7 rating from 3 votes

Tuesday, November 3rd, 2009

Ample SDK Goes Open Source!

Category: Announcements, Toolkit, UI

The Ample SDK, a unique GUI toolkit working to create a cross-browser abstraction backed by open standards, has gone open source! With the new 0.8.9 release the GUI framework is now an open-source project licensed under GPL/MIT and hosted on GitHub. More about the Ample SDK: The Ample SDK makes it easy to create interactive Read the rest…

Posted by Brad Neuberg at 8:15 am
Comment here

++---
2.4 rating from 89 votes

Friday, October 2nd, 2009

Hide and Seek via Mouse

Category: Sencha, UI

It’s always nice when a basic shared idea with a simple proof of concept becomes something concrete, usable, and well explained. This is the case with Shea Frederick’s post titled Forwarding Mouse Events Through Layers. The aim of the technique is to provide an ExtJS plug-in that can capture dragged and dropped data from external sources, Read the rest…

Posted by webreflection at 6:30 am
4 Comments

++++-
4.3 rating from 63 votes

Monday, May 18th, 2009

Crap I missed it, doesn’t miss your file upload!

Category: Showcase, UI

The Crap I missed it! crew took on the task of dealing with importing your iTunes XML file, and wanting to give you responsive feedback on the items as they come in. The usual tactic would be to suck in the entire file, and then process it. Michael Baldwin did more, and here he tells Read the rest…

Posted by Dion Almaer at 7:12 am
16 Comments

++++-
4.1 rating from 19 votes

Friday, April 24th, 2009

Mouse Gestures with GWT

Category: Flash, Fun, Gears, UI

Marc Englund wrote to us about his recent experiments with mouse gestures and GWT: SimpleGesture is a GWT (and IT Mill Toolkit) implementation of the mouse gesture recognition method described by Didier Brun at bytearray.org (as I understand it). It allows you to register easy to understand (human readable) gestures, and receive events when these Read the rest…

Posted by Ben Galbraith at 9:00 am
5 Comments

+++--
3.7 rating from 27 votes

Wednesday, April 15th, 2009

Horizontal Accordion 2.0 for jQuery

Category: jQuery, Plugins, UI

Alexander Graef wrote in to tell us about the excellent Horizontal Accordion jQuery plug-in, which takes an unordered list: HTML4 < view plain text > <ul class="test">   <li><div class="handle"><img src=’images/title1.png’/></div><img src=’images/image_test.gif’ align=’left’/>     <h3>Content 1</h3>     <p>…</p>   </li>   <li><div class="handle"><img src=’images/title2.png’/></div><img src=’images/image_test.gif’ align=’left’/>     <h3>Content 2</h3>     <p>…</p> Read the rest…

Posted by Ben Galbraith at 8:06 am
10 Comments

++++-
4 rating from 11 votes

Monday, April 13th, 2009

Notimoo Brings Growl to MooTools

Category: MooTools, Plugins, UI

Joining the world’s collection of Growl-related libraries is Notimoo, a beautiful Growl implementation for MooTools. It’s a little more sophisticated than most of the Growl ports as it supports persistence messages (that require a user’s click to clear and scroll into view) and allows you to configure where on the screen the messages appear: js Read the rest…

Posted by Ben Galbraith at 11:30 am
2 Comments

++++-
4.1 rating from 33 votes

Thursday, April 9th, 2009

Safari-style Candybars for Everyone

Category: Canvas, JavaScript, Library, UI

Christian Effenberger wrote in with another impressive piece of work: Gauge.js 1.0 allows you to add programmable gauges (with shading and reflection) to your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On older browsers, it’ll degrade Read the rest…

Posted by Ben Galbraith at 7:00 am
5 Comments

+++--
3.9 rating from 45 votes

Friday, March 13th, 2009

GX: A new animation framework

Category: JavaScript, jQuery, Library, UI

Riccardo Degni has created GX, his latest animation framework. He actually created moo.rd in the past, and this time he is playing on top of jQuery: I’ve developed GX keeping in mind mainly two Design Patterns: the “Write Less, Do More” Pattern picked from the jQuery Library. With GX you’ll always write as less code Read the rest…

Posted by Dion Almaer at 7:24 am
17 Comments

+----
1.8 rating from 101 votes

Thursday, March 12th, 2009

APNG Class: Get APNG going on all browsers

Category: JavaScript, Library, MooTools, UI, Utility

Guillermo Rauch, who has a really nice looking site at devthought has created APNG a class to bootstrap animating PNG images: APNG provides simple frame-based animation functionality. It’s main goal is solve the problem of animating alpha-transparent images (PNG format). Features APNG is very flexible when it comes to the method of displaying the various Read the rest…

Posted by Dion Almaer at 4:29 am
16 Comments

+++--
3.3 rating from 17 votes

Wednesday, February 11th, 2009

390 Designing Web Interface Screencasts

Category: Screencast, UI

390? Wow Bill, you have been busy :) I am referring to the 390 screencasts that Bill Scott has published showing “captures of various sites illustrating patterns from each chapter.”

Posted by Dion Almaer at 3:33 am
Comment here

+++--
3.6 rating from 26 votes

Friday, February 6th, 2009

How many engineers does it take to create a cross browser button?

Category: Component, CSS, UI

So, you want to create a button that you have full control over, and you want it to work well cross browser. Shouldn’t be hard right? Wrong. Doug Bowmanepines about the job of doing just this, which is something he kicked off at Google, and we see the result in apps such as Sites and Read the rest…

Posted by Dion Almaer at 12:01 am
9 Comments

++++-
4.3 rating from 47 votes

Wednesday, February 4th, 2009

Designing Web Interfaces with Bill Scott and Theresa Neil

Category: Books, UI, Usability

Bill Scott presented Designing Web Interfaces, a slideshow based on core items from his book (co-authored by Theresa Neil). There are some really interesting posts on the site, such as 30 Essential Controls. Theresa has been pinging the major frameworks and will be posting a matrix of coverage by the various frameworks. But more generally Read the rest…

Posted by Dion Almaer at 6:05 am
3 Comments

++++-
4.3 rating from 15 votes

Wednesday, December 17th, 2008

Music Player UI

Category: jQuery, Showcase, UI

Yensdesign has a nice little example of a music player UI that uses mouse gestures and key handling to give a clean experience. Songza did a great job here, and I still use it to find songs for the kids.

Posted by Dion Almaer at 6:31 am
3 Comments

+++--
3.3 rating from 28 votes

Wednesday, November 26th, 2008

Seadragon: zoom deeply in the world of Ajax

Category: Mapping, UI

Bertrand Le Roy pointed me to Seadragon Ajax, a JavaScript client that gives you deep zoom (think: Google Maps) ability in short order. To build the thing itself you use Deep Zoom Composer and then you choose whether you want the Silverlight version or this Ajax one. The embed viewer is easy to use too.

Posted by Dion Almaer at 6:28 am
7 Comments

++++-
4.3 rating from 50 votes