Intelligent UI With CSS <ul><li>[email_address] </li></ul><ul><li>http://twitter.com/nicluciano </li></ul><ul><li>http://g...
What Is Glue? Glue  is a browser extension that adds social and contextual browsing capabilities. The  Glue Bar  is our ne...
Options Topbar Tooltip
Options (Simple Sprites) - Build a base class - Define an identifying class - Define States
Options (Simple Sprites)
Topbar (Basic Inheritance) - Build a parent class - Build children with unique -  properties
Topbar (Basic Inheritance)
Topbar (CSS Limitations)
Tooltip (Complex Inheritance) - Identify all unique properties of -  multiple elements and factor them -  out - Define whi...
Tooltip (Complex Inheritance) .adb_Liked  .adb_LikedComment  .adb_Looked  .adb_Comment
Visualizations Glue Visualizations  are our experiments in visualizing Glue's implicit data uniquely.
<ul><li>[email_address] </li></ul><ul><li>http://twitter.com/nicluciano </li></ul><ul><li>http://getglue.com/ </li></ul>
Upcoming SlideShare
Loading in...5
×

NYCSS - Glue Extension

562

Published on

AdaptiveBlue (http://www.adaptivebl...) is a New York startup focusing on building semantic browsing technologies. Their Firefox extension Glue (www.getglue.com) relies heavily on it's front end technology, specifically CSS.

AdaptiveBlue's Senior Web Developer gives a brief demo of Glue, discusses common limitations they face with CSS, and displays more advanced CSS techniques used in their new Glue visualizations.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
562
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

NYCSS - Glue Extension

  1. 1. Intelligent UI With CSS <ul><li>[email_address] </li></ul><ul><li>http://twitter.com/nicluciano </li></ul><ul><li>http://getglue.com/ </li></ul>
  2. 2. What Is Glue? Glue is a browser extension that adds social and contextual browsing capabilities. The Glue Bar is our new persistent toolbar.
  3. 3. Options Topbar Tooltip
  4. 4. Options (Simple Sprites) - Build a base class - Define an identifying class - Define States
  5. 5. Options (Simple Sprites)
  6. 6. Topbar (Basic Inheritance) - Build a parent class - Build children with unique - properties
  7. 7. Topbar (Basic Inheritance)
  8. 8. Topbar (CSS Limitations)
  9. 9. Tooltip (Complex Inheritance) - Identify all unique properties of - multiple elements and factor them - out - Define which property set to use - with a common parent class
  10. 10. Tooltip (Complex Inheritance) .adb_Liked .adb_LikedComment .adb_Looked .adb_Comment
  11. 11. Visualizations Glue Visualizations are our experiments in visualizing Glue's implicit data uniquely.
  12. 12. <ul><li>[email_address] </li></ul><ul><li>http://twitter.com/nicluciano </li></ul><ul><li>http://getglue.com/ </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×