Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily Report - 0 views
-
My friend Scott Kellum, design director at Treesaver, has now sent me this refactored code for hiding text, which i hereby christen the Kellum Method: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.
-
Scott Kellum said on 1 March 2012 at 3:41 pm: i went ahead and created a side by side site to test the performance: http://lab.pgdn.us/hidden-text-performance/ @Ethan, This is the best 43min i have ever spent learning about optimizing the performance of my CSS: http://www.youtube.com/watch?v=xuMWhto62Eo
-
Would be interesting to understand both the SEO and accessibility impacts of this approach.
- ...4 more annotations...