Esto es lo que hacemos desde hace diez años con los logos:
<h1>Texto del logo + a veces eslogan</h1>
<style>
h1
{
background: url("myimage") 0 0 no-repeat;
text-indent: -9999px;
}
</style>
Se acabó. Zeldman ha bautizado el nuevo método que ya uso* y recomiendo con
“The Kellum Method”
El código es limpio, fácil y perfecto siempre que necesitamos que las imágenes de los logos se adapten (por cierto, ¿se habrá inventado ya algún sustituto para responsive design y media queries en castellano?). No lo voy a usar para los H2,H3 etc, para eso ya tenemos las APIs y webkit.
#replace
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
* en todas las webs nuevas
It is very common to find repeated property values in a CSS stylesheet. CSS Variables allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.