Difference between revisions of "Interface"
From Wikicliki
Line 10: | Line 10: | ||
* Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery) | * Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery) | ||
* Tool tip - [http://craigsworks.com/projects/qtip/ qTip] | [http://craigsworks.com/projects/simpletip Simpletip] | * Tool tip - [http://craigsworks.com/projects/qtip/ qTip] | [http://craigsworks.com/projects/simpletip Simpletip] | ||
+ | |||
+ | |||
+ | == qTip == | ||
+ | |||
+ | <pre>$("#pam").qtip({ | ||
+ | content: 'Click here to find out more about Prudential Asset Management', | ||
+ | style: { | ||
+ | width: 150, | ||
+ | padding: 5, | ||
+ | background: '#eeeeee', | ||
+ | color: 'black', | ||
+ | textAlign: 'center', | ||
+ | border: { | ||
+ | width: 7, | ||
+ | radius: 5, | ||
+ | color: '#dddddd' | ||
+ | }, | ||
+ | tip: { | ||
+ | corner: 'topLeft', | ||
+ | }, | ||
+ | name: 'dark' | ||
+ | }, | ||
+ | position: { adjust: { x: -60, y: -50 } } | ||
+ | }); | ||
+ | }); | ||
+ | </pre> |
Revision as of 08:12, 16 June 2009
An interface defines the communication boundary between two entities, such as a piece of software, a hardware device, or a user. It generally refers to an abstraction that an entity provides of itself to the outside.
Minority report style interface: http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html
Interface ideas
- Carousel - Actionscript Carousel, jQuery Carousel
- Accordian
- Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)
- Tool tip - qTip | Simpletip
qTip
$("#pam").qtip({ content: 'Click here to find out more about Prudential Asset Management', style: { width: 150, padding: 5, background: '#eeeeee', color: 'black', textAlign: 'center', border: { width: 7, radius: 5, color: '#dddddd' }, tip: { corner: 'topLeft', }, name: 'dark' }, position: { adjust: { x: -60, y: -50 } } }); });