Recent Features
![Detect DOM Node Insertions with JavaScript and CSS Animations]()
Detect DOM Node Insertions with JavaScript and CSS Animations
I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.
![CSS 3D Folding Animation]()
CSS 3D Folding Animation
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
Incredible Demos
![Creating Spacers with Flexbox]()
Creating Spacers with Flexbox
I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me. This greatly...
![CSS Ellipsis Beginning of String]()
CSS Ellipsis Beginning of String
I was incredibly happy when CSS
text-overflow: ellipsis(married with fixedwidthandoverflow: hiddenwas introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation. CSS ellipsis was also very friendly to...



