Diseño de Interfaces Web

 Sitemap

2 Uso de estilos. Prácticas

Práctica menús I

Estilos básicos para menús.

Ir »
Práctica colores, fondo y bordes

Práctica de colores RGB, imágenes de fondo fijas y bordes redondeados.

Ir »
Práctica CSS3

Práctica de barras de navegación, menús ocultos y la propiedad position de CSS3.

Ir »
Práctica visibilidad

Práctica para ver las diferencias entre display:none and visiblity: hidden.

Ir »
Práctica menús II

Menús dropdown y de hamburguesa.

Ir »
Página aplicación chat

Simular aplicación web de chat tipo Telegram o Whatsapp.

Ir »
Menú hamburguesa

Menú de hamburguesa con transiciones.

Ir »
Práctica con display flex y flex

Práctica para entender las propiedades básicas de un contendor flexible.

Ir »
Galería de imágenes con flex

Galería de imágenes con un contenedor flexible.

Ir »
Ejemplo media queries

Página con disposición cambiante según el tamaño de la pantalla.

Ir »
Galería imágenes: @media + flex

Galería de imágenes adaptable al tamaño de la pantalla.

Ir »
Galería imágenes: @media + grid

Galería de imágenes adaptable hecha con CSS grid.

Ir »
Introducción a Sass

Primer acercamiento a Sass mediante el framework Materialize.

Ir »
Layout: Sass + flex

Layout construido con Sass y organizado mediante flexbox.

Ir »