Deus Ex Textius

StoryArticle
CommentsComments
SimilarSimilar articles

Posted by Marcus, on Sep 23, 2008

Random CSS Tip #2 - Hiding Text for Google

Have a fancy header image you are using on your page? Rather than just using an img tag to display it, display it as a CSS background to your header tag (<h1>, <h2> ...). This will allow you to still set regular text for search engines to crawl through. Just be sure to set the font-size to 0 and also text-indent to something large like -2000em to satisfy silly Internet Explorer.

This will help you with your search engine optimization (SEO as the cool cats call it), is more semantically correct than using an img tag, and most importantly is great for users who use text readers! Look at that again satsifying sematics and creating a better user experience!

StoryArticle
CommentsComments
SimilarSimilar articles

Posted by Marcus, on Sep 20, 2008

Random CSS Tip #1 - All Caps

The first in a irregular series of short CSS tips.

And now on with tip #1. Make good use the text-transform:uppercase; this will allow you to have your text in all caps for whatever reason, but when there is no style sheet it will be normal captalization.
This is nice for users copying-and-pasting your text, users printing, and for things like your page's description on Google, just to name a few examples.

Remember: it's all about the user experience and semantics!

Post your awesome CSS tips on the comment section!