Your SlideShare is downloading. ×
0
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
NYCSS - Glue Extension
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

NYCSS - Glue Extension

555

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 …

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
555
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. What Is Glue? Glue is a browser extension that adds social and contextual browsing capabilities. The Glue Bar is our new persistent toolbar.
  • 3. Options Topbar Tooltip
  • 4. Options (Simple Sprites) - Build a base class - Define an identifying class - Define States
  • 5. Options (Simple Sprites)
  • 6. Topbar (Basic Inheritance) - Build a parent class - Build children with unique - properties
  • 7. Topbar (Basic Inheritance)
  • 8. Topbar (CSS Limitations)
  • 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. Tooltip (Complex Inheritance) .adb_Liked .adb_LikedComment .adb_Looked .adb_Comment
  • 11. Visualizations Glue Visualizations are our experiments in visualizing Glue's implicit data uniquely.
  • 12. <ul><li>[email_address] </li></ul><ul><li>http://twitter.com/nicluciano </li></ul><ul><li>http://getglue.com/ </li></ul>

×