Friday, May 28th, 2010
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…
Tuesday, May 4th, 2010
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…
Tuesday, November 3rd, 2009
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…
Friday, October 2nd, 2009
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…
Monday, May 18th, 2009
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…
Friday, April 24th, 2009
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…
Wednesday, April 15th, 2009
Alexander Graef wrote in to tell us about the excellent Horizontal Accordion jQuery plug-in, which takes an unordered list: < View plain text > HTML <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…
Monday, April 13th, 2009
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: < Read the rest…
Thursday, April 9th, 2009
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…
Friday, March 13th, 2009
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…
Thursday, March 12th, 2009
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…
Wednesday, February 11th, 2009
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.”
Friday, February 6th, 2009
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…
Wednesday, February 4th, 2009
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…
Wednesday, December 17th, 2008
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.
Wednesday, November 26th, 2008
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.
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
