Aprende a crear una galería de imágenes responsive con HTML y CSS. Tutorial paso a paso con solo 6 líneas de JavaScript para un sitio web rápido y ligero.

Calc es una función disponible en CSS3 que permite realizar operaciones matemáticas desde el propio CSS; las operaciones de sumar ( + ), restar ( - ), multiplicar ( * ) y división ( / ) son soportadas a través de la función calc.

Existen una gran cantidad de frameworks CSS que podrás encontrar el Google que permiten crear rejillas o grid; en esta entrada veremos como crear un sencillo sistema de rejillas con CSS.

Aprende a poner una imagen de fondo en CSS que ocupe toda la pantalla con background-size: cover, media queries y ejemplos listos para copiar. Guía práctica, rápida y optimizada.

Hablaremos de las etiquetas vídeo y audio que permiten mostrar contenido multimedia a nuestra web mediante vídeos y audios de distintos formatos, también veremos varias formas en las cuales podemos adaptar nuestras imágenes y videos al contenido de nuestra web con los Media Queries para vídeos, reglas CSS y mucho más.

YouTube es una plataforma de contenido digital en la cual puedes encontrar toda clases de vídeos además de brindar opciones que permiten insertar vídeos fácilmente en nuestra web (HTML). También se explica como hacer que nuestros videos de YouTube o Vime sean responsive; se emplea CSS o JavaScript para lograr que los videos sean adaptables.

Aprende a crear una galería de imágenes responsive con HTML y CSS puro. Tutorial paso a paso sin JavaScript para un sitio web rápido, ligero y adaptable a móviles

Los flex permiten adaptarse fácilmente al espacio disponible en cualquier dispositivo. Con la propiedad FlexBox podemos construir cajas flexibles, fluidas y adaptables con distintos tamaños y que sean adaptables fácilmente a la resolución del dispositivo también, veremos cómo crear una web básica empleando flex con las propiedades flex-grow, flex-shrink y flex-basis.