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 } }
});
});