Tuesday 6th September, 2011
The article describes a pretty little technique, though it does expose a certain gap in CSS/JS. An array of stylesheets, each containing an array of rules, is a terrible abstraction. It leads to the keyframes = stuff you see in the screenshot: generating CSS as text. It would be nice to have a dynamic css class definition library.
On the other hand, if the world had a dynamic css class definition library, the first thing to happen would be it’s horrible horrible abuse. Every event (hover, click, keypress) would cause the entire page to redraw. IE would just melt down. In short, pandemonium. So maybe it’s best we just continue to specify every browser’s styles in our static css files.
