Upload
nycss-meetup
View
556
Download
1
Tags:
Embed Size (px)
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.
Citation preview
Intelligent UI With CSS
http://twitter.com/nicluciano
http://getglue.com/
What Is Glue?
Glue is a browser extension that adds social and contextual browsing capabilities. The Glue Bar is our new persistent toolbar.
OptionsTopbarTooltip
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 which property set to use- with a common parent class
Tooltip(Complex Inheritance)
.adb_Liked .adb_LikedComment .adb_Looked .adb_Comment
Visualizations
Glue Visualizations are our experiments invisualizing Glue's implicit data uniquely.
http://twitter.com/nicluciano
http://getglue.com/