Centrar verticalmente un elemento en CSS y en pocas líneas

A menudo tenemos problemas al centrar verticalmente un elemento en una caja o junto a otros elementos adyacentes y, muy a mi pesar acabábamos haciendolo con Javascript o jQuery. Pues bien, el otro día leí en zerosixthree la manera de hacerlo en un apocas líneas de CSS. La única «pega» es que se hace con leer el resto

42 maneras de seleccionar un elemento

A menudo nos encontramos con maquetaciones que no podemos modificar, para estos casos van muy bien los pseudoselectores. A continuación os presento 42 maneras de seleccionar un elemento *Selecciona todos los elementos. elemento#customElemento con un id custom elemento.customElemento con una clase custom elemento::first-lineSelecciona la primera línea del texto de un elemento. elemento::first-letterSelecciona la primera letra leer el resto

Primeros pasos en Compass

Recientemente me he iniciado en Compass. Me animó un amigo dado que se ahorra un montón de tiempo al picar código. La verdad es que engancha y una vez empiezas es difícil parar. Antes de empezar, recomiendo cercionarte que tienes todo lo necesario, en cuanto a programas (yo hablaré de Mac porqué es lo que leer el resto

Montar sprites a través del terminal

Cuando queremos animar en CSS3 un elemento a menudo tenemos que hacer sprites muy largos y el problema surge cuando no posicionamos en el mismo lugar los frames del sprite. Para ello os recomiendo que ejecutéis un sencillo pero eficaz comando del terminal.

Cómo añadir un borde al body por encima del contenido

A menudo he hecho diseños que incluían un borde fijo en el body. La verdad es que este tipo de bordes quedan bien si van por encima del contenido pero si hacemos un div sin color de fondo pero con borde y lo ponemos encima de todo, nos anula el contenido; lo podemos ver pero leer el resto