PDA

View Full Version : Ext.ux.HudWindow Extension:



jay@moduscreate.com
3 Nov 2010, 6:08 PM
Being a fan of OS X, Jay designed the TDGi.HudWindow class is to mimic the OS X “HUD Window”, introduced in Leopard.
This UX largely consisted of modifying CSS and some modification of the DOM from the class itself after it renders.

See it in action:
http://tdg-i.com/js/examples/ext3/plugins/hudwindow/

Download via github.com
https://github.com/tdgi/Ext.ux.TDGi.HudWindow

Below is an image of the TDGi.HudWindow class with an OS X HUD Window below it.
http://tdg-i.com/img/screencasts/2010-10-22_0827.png

More details: http://tdg-i.com/411

tobiu
4 Nov 2010, 2:27 AM
Hi Jay,

I like it!

Somehow funny to see a topic from you where someone speaks of you in the 3rd person :)
Looking forward to the conf!

Kind regards
Tobias

moegal
4 Nov 2010, 3:36 AM
looks cool. Not familiar with hud. what would i use this for? Anything to do with Paul Newman?

Marty

dawesi
6 Nov 2010, 1:44 AM
why? practical use?

jay@moduscreate.com
6 Nov 2010, 6:43 AM
@Dawesi, I'm guessing you don't have a mac.

http://en.wikibooks.org/wiki/Mac_OS_X_Tiger/The_Mac_Interface

Palettes and HUDs

File:Tiger Pages Palette and HUD.png
Fig. 5 - A HUD and a Palette. Notice that you can see the desktop through the HUD, since it's translucent.
Palettes, also refered to as "Utility Windows", are miniature windows that contain information and controls designed to complement a larger window. They have skinny little title bars, and do not appear in the Window menu or in Exposé (see below).
There is a second flavor of palette called a HUD. No, you don't pronounce that "hudd" (a common mistake). H-U-D stands for "heads-up-display". These are palettes that are black and translucent, just like a heads-up-display on say, a fighter jet. Other than their looks, there is no difference between a HUD and a palette.

http://macamour.com/blog/wp-content/uploads/2008/02/vlc_hud_by_cypohirogen.png

jay@moduscreate.com
6 Nov 2010, 6:43 AM
moved to extensions and plugins.