a collection of front-end idea's, tutorials and snippets


Replacing the -9999px hack (new image replacement)

An excellent  replacement for the -9999px text-indent hack for hiding unwanted tekst in your buttons and stuff.

.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.

Replacing the -9999px hack (new image replacement)

Leave a Reply

Theme by Anders Norén