SVG is for Everybody

Una conferencia muy interesante impartida por Chris Coyier, cocreador de codepen y autor de css-tricks.

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

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

Metatags necesarios para facebook

Hoy en día si tu site no se comparte bien en facebook, twitter y demás redes sociales puedes perder muchas visitas. A continuación tenéis los metatags correspondientes para poner dentro del head para que facebook coja la imagen que queráis vosotros así cómo el resto de información.

Quitar los espacios entre medio elementos con display:inline-block

A menudo hay «cosas» en maquetación web que son inexplicables. Este caso es una de ellas. Cuando tenemos una serie de divs (o li o cualquier elemento que queramos) y lo mostramos en inline-block a menudo nos ponen entre los elementos un margen absurdo que tenemos que «reparar» usando margenes laterales negativos (funciona pero es leer el resto