Description

¿DE QUÉ SE TRATA EL CURSO?

Flexbox es una nueva forma de diseñar nuestros sitios web. Está conformado por un conjunto de propiedad de CSS pensadas en crear interfaces web.

Nos permite ahorrar la escritura de muchas líneas de código CSS y obtener un mayor control del posicionamiento y comportamiento del los bloques que conforman el diseño de nuestras páginas web.

En este curso te enseño a usar Flexbox en tiempo record, escribiendo menos líneas de código CSS y 100% Responsive.

EN RESUMEN EN ESTE CURSO APRENDERÁS:

HTML5 + CSS3.
Accede a más de 2 horas de grabación en HD, con contenido claro, ejemplos concretos y didácticos.
Accede al contenido desde tu móvil, Tablet o PC (24/7).

Who this course is for:

Diseñadores web
Estudiantes de diseño
Cualquier diseñador o desarrollador web que quiera ser más eficiente.

Show moreShow less

14 sections • 17 lectures • 1h 49m total length

2 lectures • 10min

Introducción al curso

Flexbox necesita un padre y por lo menos un hijo

El Flex Container tiene 2 ejes

Podemos modificar el eje principal con la propiedad: flex-direction

Podemos permitir el salto de columnas con Flex-Wrap

Alineamos elementos en el eje principal con justify-content

Alineamos elementos en el eje secundario con align-items

Alinear hijos de forma individual en el eje secundario con align-self

Los hijos flexibles ignoran algunas propiedades CSS

2 lectures • 23min

Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 1)

Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 2)

Soy un apasionado por el diseño y desarrollado web. Llevo más de 12 años dedicándome a este hermosa labor, específicamente en tecnologías como HTML5, CSS3, jQuery, Responsive design.

En la actualidad construyo sitios web personalizados y ofrezco soluciones de diseño web para una amplia gama de clientes, que confían plenamente en mi trabajo.

Curso de FlexBox desde 0

Requirements