En su sitio lamb.cc, Iain Lamb nos ofrece una curiosa herramienta para manejar la presentación estructural de cualquier documento HTML—mediante CSS, claro está—
Posiblemente, influenciada por el texto Los elementos del estilo tipográfico de Robert Bringhurst la aplicación nos permite jugar con diferentes ritmos de escala:
- Tradicional
- Fibonacci (3:5)
- Duplicada (3:5)
- Atado (3:5)
- Fibonacci (4:7)
- Le Corbusier
De esta manera y con la posibilidad de trabajar tanto con unidades absolutas (px) como relativas (em) se puede en forma visual percibir también el cambio tanto para los altos de línea como para el ancho del texto.
El resultado final, un código CSS, listo para usar:
body { font-size:100%; line-height:1.5; }
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-size:1.5em; padding:1.75em 0; }
h2 { font-size:1.33333em; padding:1.5em 0; }
h3 { font-size:1.16667em; padding:1.82143em 0; }
Sitio Web | http://lamb.cc/typograph/
Post relacionados:
Que buen recurso! Y mas que nada por dar los resultados en em. a ver si lo implemento…
Información Bitacoras.com…
Valora en Bitacoras.com: En su sitio lamb.cc, Iain Lamb nos ofrece una curiosa herramienta para manejar la presentación estructural de cualquier documento HTML—mediante CSS, claro está— Posiblemente, influenciada por el texto Los elementos del estilo…..