Get the hottest modules, skins, and goodies!
Contact us and we'll be happy to assist you.
Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact email@example.com.
I've used quite a few image replacement techniques in web design in the past to create better typography for the web. But recently I've ran into a technique improved by Scott Kellum that proved to be effective as well as enhancing the performance of the site.
If you're a web designer, you've probably heard of Fahrner Image Replacement technique. It's essentially using CSS text-indent property and set it to a very larger negative number such as -9999px so the text isn't visible to users.
The technique is known for having a performance drawback since the browser has to draw the screen out to the measurement defined in the CSS. Jeff Zeldman recently published an improved technique in his post about this fix based on Scott Kellum's refactor code as follows:
So use this in your next web design project to eliminate performance drawback in the CSS.
Wanna learn more about different CSS image replacement techniques?
Chris Coyer at CSS-Tricks published a pretty good list here.
DNN (formerly DotNetNuke) provides a suite of solutions for creating rich, rewarding online experiences for customers, partners and employees. DNN products and technology are the foundation for 750,000+ websites worldwide. In addition to our commercial CMS and social community solutions, DNN is the steward of the DotNetNuke Open Source Project.