I was excited to play with the idea, and so I began working with the golden ratio (1.618033988…). (after 4 years of architecture school, it still has a soft spot in my heart.) Getting the basic shape was easy enough, though I needed to do some tweaking with the positioning to keep the rectangles radiating from the center.
Duncan Graham explica como utilizar la Proporción Áurea con CSS. Él la utiliza para crear rectángulos y espirales. Pero qué si la empleamos para escalar las tipografías?
Genial herramienta que nos muestra como las reglas CSS interaccionan con una página web. Incluso podemos ver que reglas no se están usando, para eliminarlas.
One Div es un juego de 70 iconos creados sólo con CSS puro que puedes usar en tu blog o web. Para utilizarlos en WordPress tan sólo hay que copiar el código CSS del icono que quieras utilizar en el archivo style.css del theme que estés usando. Y luego pegar el código html correspondiente en el lugar del archivo index.php o single.php donde quieras que aparezca.
Hay un poco de todo, desde redes sociales hasta flechas, android, dibujitos, pacmans, etc.
Disponibles en <>ne div
Increíble demostración del poder del CSS: iOS Icons Made in Pure CSS →
Descarga: Espresso 2.0 Kaboom 1 →
Estoy probando la beta de Espresso 2, uno de los mejores editores de código para mac, que además viene con CSSEdit incorporado. Un lujo.
Cuantas veces, declarando fuentes con CSS, hemos puesto algo así:
body {
font-family: Helvetica, Arial, Sans-Serif;
}
En realidad, si escribimos sólo esto:
body {
font-family: Sans-Serif;
}
Mac tomará la fuente Helvética por defecto, mientras que un PC hará lo mismo con la Arial.
Vía CSS-Tricks