En este curso práctico y claro aprenderás a desarrollar páginas responsivas usando las cajas flexibles (flexbox) de CSS3, basadas en la especificación W3C de 2014. Empezaremos por las bases: contenedores flex, dirección, alineación, orden de los ítems y cómo estirarlos o rotarlos para que se adapten a cualquier pantalla.
Realizaremos ejemplos paso a paso: desde una página básica hasta una galería responsiva y un menú horizontal que cambia a vertical en móviles. También veremos cómo aplicar transiciones CSS para animar las cajas flexibles y mejorar la experiencia. El enfoque es práctico y orientado a resultados para que puedas aplicar lo aprendido en proyectos reales.
Requisitos mínimos: conocimientos básicos de HTML y CSS, y un editor de código como SublimeText, Brackets, Aptana o Dreamweaver, además de un navegador moderno. Si ya conoces HTML5 y CSS3 tendrás ventaja, pero no es imprescindible. ¡Manos a la obra y transforma tus diseños en experiencias responsivas!
Lo que aprenderás:
- Crear una página a base de las cajas flexibles
- Cambiar la dirección de las cajas flexibles de horizontal a vertical y el orden de las cajas internas
- Justificar y alinear las cajas internas
- Cambiar el orden de las cajas internas individuales
- Cambiar la proporción del ancho y del largo de los items flexibles
- Crear páginas responsivas con cajas flexibles
- Aplicar transiciones en las cajas flexibles
- Crear una galería a partir de cajas flexibles
- Crear un menú responsivo
Contenido del curso:
- Secciones: 6
- Clases: 53
- Duración: 7h 33m
Requisitos:
- Conocimientos medios de HTML y CSS
- Deseable tener conocimientos básicos de HTML5 y CSS3
¿Para quién es este curso?
- Diseñadores web
- Desarrolladores web
¿Qué esperas para comenzar?
Inscríbete hoy mismo y lleva tus habilidades al siguiente nivel. ¡Los cupones son limitados y pueden agotarse en cualquier momento!
👉 Aprovecha el cupón ahora – Cupón C1EDD11C6C2CCECD1FBD
Deja un comentario

Cursos relacionados: