Difference between revisions of "Interface"

From Wikicliki
Jump to: navigation, search
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


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