View Full Version : Ext.ux.HudWindow Extension:

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:

Download via github.com

Below is an image of the TDGi.HudWindow class with an OS X HUD Window below it.

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

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

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


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

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


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.


6 Nov 2010, 6:43 AM
moved to extensions and plugins.