UI


Friday, November 17th, 2006

Yahoo! UI: 0.12 Release

Category: Announcements, JavaScript, Library, UI, Yahoo!

Version 0.12 of the YUI Library has been released: The TabView Control: Written by YUI Animation and Dom author Matt Sweeney, this dynamic tab solution is the newest YUI addition and features robust support both for progressive enhancement and for high-gloss richness. Check out Matt’s roster of TabView examples for an idea of what the Read the rest…

Posted by Dion Almaer at 9:08 am
1 Comment

++++-
4.4 rating from 34 votes

Monday, November 13th, 2006

Run: Universal JavaScript Animation Framework

Category: JavaScript, Library, UI

Andi Kalsch told us about Run (yet another animation framework). Andi feels that it stands out from the rest due too: intelligent CSS support by using Color/Dimension objects and CSS functions. Event listeners. Easy syntax. Well-documented. Compatible to all current browsers, means Firefox 1+, Opera 8+, Internet Explorer 5.5+, Safari 2+, Konqueror, Swift Example Here Read the rest…

Posted by Dion Almaer at 9:26 am
17 Comments

+++--
3.7 rating from 45 votes

Sunday, November 12th, 2006

Collection of CSS Forms

Category: CSS, UI

Smashing Magazine has scoured the web for modern CSS based forms. In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of еру company. In the end, exactly those web-forms are responsible for the first contact Read the rest…

Posted by Dion Almaer at 11:45 pm
5 Comments

++++-
4 rating from 78 votes

Sunday, November 5th, 2006

moo.fx 2.0: a whole new mooing

Category: JavaScript, Library, UI

A new moo.fx has been released, version 2.0. You can get a couple of versions of moo.fx: moo.fx for mootools and moof.fx for Prototype (note how it groks the anchor to open that div). What’s New in moo.fx 2 moo.fx2 Introduces a lot of new stuff: beginning with Fx.Style, to modify any chosen CSS property, Read the rest…

Posted by Dion Almaer at 1:58 am
9 Comments

++++-
4.2 rating from 49 votes

Friday, November 3rd, 2006

Animator.js: animations using CSS

Category: Prototype, UI

Bernie Sumption loves the functionality of Moo.fx, Script.aculo.us and Rico but thinks that inheritance is evil: In particular, they don’t seem to realise that inheritance is evil, and must be destroyed. By providing base classes for an effect and requiring users to subclass it to make new effects, they create a proliferation of classes and Read the rest…

Posted by Dion Almaer at 7:39 am
21 Comments

++++-
4.3 rating from 64 votes

Monday, October 30th, 2006

Don’t Click It

Category: UI

Don’t Click It is an experiment in human interface design. It is a strange one. You are allowed one click to start off the interface, and from then on as you use the mouse to grok the interface, you are warned not to click. If you do so, you shock the monkey and you are Read the rest…

Posted by Dion Almaer at 12:07 am
27 Comments

++++-
4.4 rating from 27 votes

Tuesday, October 24th, 2006

Death of the Desktop by Aza Raskin

Category: The Ajax Experience, UI, Usability

Notes form Aza Raskin’s presentation on Death of the Desktop. Interface Concepts cognetics = ergonomics of the brain 7 +- 2 = amount of things we can keep in our brains habituation – never use a warning when you mean undo people will make mistakes despite any warnings, due to habit hick’s and fitt’s law Read the rest…

Posted by Rob Sanheim at 4:28 pm
9 Comments

++++-
4.2 rating from 52 votes

Monday, October 23rd, 2006

Practical Design in Ajax by Sarah Nelson and David Verba

Category: Books, CSS, Design, The Ajax Experience, UI, Usability

Sarah Nelson and David Verba of Adaptive Path presented Practical Design for Ajax, a very good overview of many of the design and user experience issues in web development. They covered a lot of ground in 90 minutes and still had some good concrete examples. There were also several book recommendations to explore issues more Read the rest…

Posted by Rob Sanheim at 2:32 pm
8 Comments

+++--
3.7 rating from 26 votes

Friday, October 20th, 2006

YUI BorderLayout: Rich cross browser layouts

Category: JavaScript, Library, Sencha, UI, Yahoo!

Jack Slocum has been Exploring Cross-browser Web 2.0 Layouts with Yahoo! UI. After realising that almost every desktop application and many of these new web interfaces all start with a common layout, he decided to create a reusable layout manager called BorderLayout in JavaScript. His requirements were: Must be cross-browser – JavaScript errors and inconsistency Read the rest…

Posted by Dion Almaer at 8:27 am
10 Comments

++++-
4.4 rating from 38 votes

Wednesday, October 4th, 2006

“Don’t Waste Time” with Graphical Ajax Solutions

Category: Editorial, Flash, UI, Usability

ZDNet’s Ryan Stewart argues against performing interactive graphics with Ajax (i.e. standard web technologies). The article relates to my post on different techniques for graphics with Ajax (covered on Ajaxian). Michael responds that the main argument against Flash is the user base, then goes on to list the plusses and minuses of "richer plugins". You Read the rest…

Posted by Michael Mahemoff at 4:44 pm
22 Comments

+++--
3.3 rating from 42 votes

Tuesday, October 3rd, 2006

Dynamic Graphics in the Browser

Category: Canvas, Programming, UI

Dynamic graphics inside the browser are starting to become a little bit more practical, thanks to increased support for Canvas and SVG. I recently discussed eight competing techniques for generating dynamic graphics in an Ajax application, each with their own implications for portability, usability, and performance. The following techniques are descibed: SVG Canvas Dynamic images Read the rest…

Posted by Michael Mahemoff at 6:21 am
10 Comments

+++--
3.7 rating from 44 votes

Sunday, October 1st, 2006

YUI Panel Tutorial

Category: Library, Tutorial, UI, Yahoo!

This tutorial is an excellent overview of the YUI panel control. Each of the seven section includes a description, a live example, and a code snippet. The YUI panel widget solves a lot of issues hand-rolled solutions doing the same thing have: You can allow the user to drag and drop the panel around to Read the rest…

Posted by Michael Mahemoff at 6:31 am
5 Comments

+++--
3.7 rating from 111 votes

Thursday, September 28th, 2006

YUI Slideshow Widget

Category: Component, UI, Yahoo!

Raphael Bauduin has created a a YUI based Slideshow widget. It features: on demand loading of remote slides configurable transition effect easily extenstible, with new effects defined in 6 lines of code. A sample slideshow instance: < View plain text > javascript slideshow2 = new YAHOO.myowndb.slideshow("yui-sldshw-displayer2",     [ { type: ‘remote_html’,       Read the rest…

Posted by Dion Almaer at 9:07 am
Comment here

+++--
3.4 rating from 36 votes

Wednesday, September 27th, 2006

bytefx: simple effects

Category: JavaScript, Library, UI

Andrea Giammarchi has put together another effects library that weighs in under 3kb compressed. The library is called bytefx and is definitely in alpha :) The demo page shows you the effects at hand: alpha clear color drag fade move position size

Posted by Dion Almaer at 8:25 am
17 Comments

+++--
3.8 rating from 30 votes

Wednesday, September 6th, 2006

JavaScript Throbber

Category: JavaScript, UI

Alex Bosworth has written the simplest of throbbers: < View plain text > javascript document.showThrobber = function() {     if ($(‘throbber’))     {         $(‘throbber’).innerHTML = ‘<span id="ajaxThrobber"><img ‘ +                                     ‘src="http://sandbox.sourcelabs.com/staticimages/indicator.black.gif"/>’ + Read the rest…

Posted by Dion Almaer at 9:38 am
15 Comments

+++--
3 rating from 83 votes

Tuesday, September 5th, 2006

Prototype Carousel Widget

Category: Prototype, UI

Sebastien Gruhier has written a Prototype version of the YUI Carousel component. This version is lightweight and has a few parameters compared to the more flexible YUI version (that comes with a 200kb price tag).

Posted by Dion Almaer at 5:14 pm
16 Comments

+++--
3.9 rating from 59 votes