Recent Features
![Create a Sheen Logo Effect with CSS]()
Create a Sheen Logo Effect with CSS
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
![Serving Fonts from CDN]()
Serving Fonts from CDN
For maximum performance, we all know we must put our assets on CDN (another domain). Along with those assets are custom web fonts. Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...
Incredible Demos
![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...![Detect Vendor Prefix with JavaScript]()
Detect Vendor Prefix with JavaScript
Regardless of our position on vendor prefixes, we have to live with them and occasionally use them to make things work. These prefixes can be used in two formats: the CSS format (
-moz-, as in-moz-element) and the JS format (navigator.mozApps). The awesome X-Tag project has...



