Como utilizar em y rem en CSS CSS

Las unidades em y rem son dos tipos de unidades relativas utilizadas en CSS principalmente para la propiedad font-size y para propiedades que necesiten mantener la proporcionalidad con el font-size, por ejemplo margin y padding. Vamos a aprender las características de cada una, como utilizarlas y como se pueden combinar.

Leer

Cómo cambiar el cursor por una imagen personalizada CSS

Personalizar el cursor con CSS es muy fácil a través de la propiedad cursor. Esta propiedad nos permite especificar el tipo de cursor que queremos utilizar y también admite la notación funcional url() con la que podemos especificar una imagen personalizada.

Leer

Cambiar el color del texto seleccionado con CSS CSS

El selector CSS ::selection permite definir el aspecto del texto seleccionado, por ejemplo podemos cambiar el color del texto o del fondo de la selección. En este post veremos algunos ejemplos prácticos sobre su uso.

Leer

Cómo hacer un iframe responsive CSS

Los elementos iframe son los más utilizados para insertar contenido externo, sobre todo contenido multimedia, como YouTube o SoundCloud. En este tutorial veremos como hacer que el iframe sea responsive manteniendo el aspect ratio en distintos tamaños de pantalla.

Leer

Imágenes background en diseño responsive CSS

Existen diferentes técnicas para optimizar la entrega de imágenes en diseño responsive. En el caso de imágenes de fondo la mejor solución es utilizar un set de propiedades background y media queries. Si la imagen nos lo permite, podemos optar al uso de imágenes vectoriales, e incluso web fonts, y aprovechar las ventajas que ofrecen.

Leer

Prevenir que una palabra se salga de su contenedor CSS

Pequeño tutorial sobre el uso de la propiedad CSS hyphens: auto que permite truncar una palabra en dos líneas con un guión separador de acuerdo con las reglas ortográficas del idioma del texto. Es útil para palabras largas que puedan superar la anchura de su contenedor o para truncar palabras en puntos correctos para justificar el texto.

Leer

Animaciones básicas con CSS transition CSS

Con la propiedad transition de CSS3 se pueden conseguir animaciones que, aunque básicas, son muy interesantes sin la necesidad de javascript. Por ejemplo, se puede conseguir un cambio de color, efecto fade in o cambio de posición animado.

Leer