Sustituyendo el indent: -9999px // Por viejo, obsoleto y menos carga al navegador

Sustituyendo el indent: -9999px // Por viejo, obsoleto y menos carga al navegador

Por Kseso ✎ 3

A ver, que levante la mano el que nunca jamás de los jamases haya utilizado el text-indent: -9999px
¿Nadie a la una?
¿Nadie a las dos?
¡Nadie a las 3!
Pues estáis de enhorabuena, porque hoy Jeffrey Zeldman publica un artículo al respecto que comienza:

IN THE BEGINNING was FIR, AKA Fahrner Image Replacement (note that one of the following links returns a 404):
The Daily Report’s 2003 redesign uses (and our book explained) an image replacement technique intended to combine the benefits of accessibility with the power of graphic design. We christened this method Fahrner Image Replacement (FIR) in honor of Todd Fahrner, who first suggested it to us. Douglas Bowman’s tutorial popularized the technique, which was first developed by C. Z. Robertson in 1999. (Robertson, Fahrner, and Bowman each developed the idea independently.)

En el presenta una técnica sustitutiva para evitar, entre otras cuestiones, el forzar al navegador a crear una caja nada menos que de 9999px y el que se tenga la certeza absoluta de que nunca se mostrará.
En honor a quien se lo ha hecho llegar lo llama:

El método Kellum

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

Pruébalo y comenta
El artículo original.

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso

Comentarios: 3

  1. Bueno primero que bueno que ya tienes blog de nuevo :) Interesante confieso que lo he usado, probare a ver que tal...

    ResponderEliminar
    Respuestas
    1. Gracias a ti Alex por pasar y comentar.
      Y ya sabes, todo lo que puedas encontrar en estas páginas, a la saca xD.
      Saludos.

      Eliminar
  2. Nesta Guerrero27/3/12

    Es nuestro pan de cada día....., Interesante!! :) hay que estudiarlo :) Gracias!

    ResponderEliminar

EsCss RSS del Blog RSSS Comentarios Humans.txt ᛯ Diseno por Kseso SiteMap