nycss - glue extension
DESCRIPTION
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.TRANSCRIPT
![Page 1: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/1.jpg)
Intelligent UI With CSS
http://twitter.com/nicluciano
http://getglue.com/
![Page 2: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/2.jpg)
What Is Glue?
Glue is a browser extension that adds social and contextual browsing capabilities. The Glue Bar is our new persistent toolbar.
![Page 3: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/3.jpg)
OptionsTopbarTooltip
![Page 4: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/4.jpg)
Options(Simple Sprites)
- Build a base class
- Define an identifying class
- Define States
![Page 5: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/5.jpg)
Options(Simple Sprites)
![Page 6: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/6.jpg)
Topbar(Basic Inheritance)
- Build a parent class
- Build children with unique- properties
![Page 7: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/7.jpg)
Topbar(Basic Inheritance)
![Page 8: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/8.jpg)
Topbar(CSS Limitations)
![Page 9: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/9.jpg)
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
![Page 10: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/10.jpg)
Tooltip(Complex Inheritance)
.adb_Liked .adb_LikedComment .adb_Looked .adb_Comment
![Page 11: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/11.jpg)
Visualizations
Glue Visualizations are our experiments invisualizing Glue's implicit data uniquely.
![Page 12: NYCSS - Glue Extension](https://reader034.vdocuments.us/reader034/viewer/2022042714/554f13b5b4c905723a8b47e7/html5/thumbnails/12.jpg)
http://twitter.com/nicluciano
http://getglue.com/