AEA Chicago 2009: Using CSS3 Today with eCSStender

In Session 8 of An Event Apart Chicago 2009, Aaron Gustafson demonstrated the eCSStender JavaScript library.

Browsers are extending CSS (-moz, -webkit, -khtml, -o), we should be able to as well.

Features:

  • <16K
  • starts when DOM is ready
  • supports specificity/cascade/media
  • usually not even a flash while JS works

Use .register() to create extension

  1. lookup
    • selectors (tag, regex, array, function-advanced)
  2. property (specific, regex, array, vendor-specific, etc.)
    • can be fingerprinted (completely lost about that)
  3. callback function
    • selector, properties, medium, specificity arguments

.lookup()

  • pretty much .register() but read-only, returns an array

Other Stuff

  • .isSupported (tells if browser natively supports property)
  • usally caches, but can disable certain stylesheets or disable completely–ignore(), disableCache()

Q&A

I’d love to include them, but none of the questions were repeated for the benefit of the group