<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  

Many a times, any CSS developer would have felt that s/he is using repeated property values in a CSS stylesheet, for instance to make sure semantically different elements in a web page have a similar rendering and user experience. CSS does offer a way to group styles using groups of selectors, but we tend to neglect it more because of the fact that it’s difficult to maintain, decreases readability and of course semantically distinct elements rarely share all style rules.
CSS Variables Note names David Hyatt of Apple as one of the author, the other is Daniel Glazman of Disruptive Innovations. We might see a early implementation of CSS Variables in a future version of Safari!
The CSS Variables Definition
CSS Variables should be defined in an @variables at-rule. An @variable at-rule is composed of the “

/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
display: table;
width: 100%;
}
#header, #footer {
display: table-row;
}
#foo, #bar, #baz {
display: table-cell;
width: 33.3%;
}
“

//primera fila, 1 celda

//segunda fila, 3 celdas

//tercera fila, 1 celda
”

Discusión original:
http://ask.slashdot.org/article.pl?sid=06/06/10/2337223
Comentario referido:
http://ask.slashdot.org/comments.pl?sid=188125&cid=15512090

Web Developer Extension . Lo mejor en mucho tiempo: es una barra de herramientas que permite deshabilitar javascript , hojas de estilo, imágenes…ver el cógido… tiene servicio de validación de CSS, (X)HTML, accesibilidad… Su autor es Chris Pederik y es justo que mires lo que dice él mismo sobre todas las funcionalidades de su Web Developer Extension …..

Checky Valida HTML, CSS, WCAG 1.0, 508… Pero también te muestra tu web en Lynx, simula deficiencias visuales… De todo.

Internet Explorer

CheckIE de OrangeSoft es la versión para Internet Explorer de la extensión Checky. Muy completa.

Internet Explorer Accessibility Extension (ieaccessible) : enfocada a usuarios discapacitados con funcionalidades como la de mostrar la lista de los objetos de formularios agrupados por la etiqueta <label> , lista de encabezados, lista de enlaces, escoger entre la hoja de estilo del autor o del usuario, etc. Para que no se escape nada.

Validación

El que preferimos es A-Prompt (Accessibility Prompt) es un software de la Universidad de Toronto que no sólo valida sino que está diseñado para optimizar la accesibilidad: Tiene una excelente heramienta reparar los errores.

HERA en castelano. Revisión manual de la accesibilidad de sitios web. Permite generar informes de la evaluación en formato HTML o RDF.

Test de Accesibilidad Web Herramienta de validación de las pautas WCAG. Versión descargable, también disponible como extensión de Firefox , permite hacer informes de sitios web completos, con una listado de comprobación de validación manual.

Macromedia Dreamweaver

Para los fieles a DW , existe una herramienta en modo WYSIWYG : Accessibility Suite for W3C/WCAG Extensión gratuita que ayuda a cumplir las pautas de prioridad 1 y 2.

The page-break-after property sets the page-breaking behavior after an element.

Note: You can not use this property on absolutely positioned elements.

Note: Use the page-breaking properties as few times as possible and avoid page-breaking properties inside tables, floating elements, and block elements with borders.

Inherited: No

Example

Possible Values

The page-break-before property sets the page-breaking behavior before an element.

Note: You can not use this property on absolutely positioned elements.

Note: Use the page-breaking properties as few times as possible and avoid page-breaking properties inside tables, floating elements, and block elements with borders.

Inherited: No

Example

Possible Values

The page-break-inside property sets the page-breaking behavior inside an element.

Note: You can not use this property on absolutely positioned elements.

Note: Use the page-breaking properties as few times as possible and avoid page-breaking properties inside tables, floating elements, and block elements with borders.

Inherited: No

Example

Possible Values