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
Requisitos
Conocimientos medios de HTML y CSS
Deseable tener conocimientos básicos de HTML5 y CSS3
Descripción
En este curso aprenderás a desarrollar páginas responsivas por medio de la poderosa herramienta de las cajas flexibles o flex-box. Nos basaremos en la especificación más reciente de la W3C de 2014 de las "flex-box". Analizaremos desde las bases de este esquema, que nos permitirá hacer formatos o layouts, así como la forma de alinearlos vertical u horizontalmente, centrarlas, cambiar el orden de las cajas internas o ítems flexibles, así como las propiedades para "estirarlas", rotarlas y adaptarse de forma natual, las cajas internas al contenedor flexible.
Haremos ejemplos de páginas responsivas iniciando desde cero, hasta llenarlas de contenido. Realizaremos una galería responsiva con diferentes imágenes, que se adaptarán al tamaño del dispositivo, adaptándose tanto a tabletas como a teléfonos inteligentes. También haremos un ejemplo de cómo animar a las cajas flexibles por medio de las propiedades de transición de los estilos en cascada nivel tres. Por último codificaremos un menú horizontal con cajas flexibles, que cambiará su orientación a vertical cuando se visualice en pantallas pequeñas, como la de los teléfonos, donde es complicado los menús largos.
Para que puedas aprovechar este curso, es necesario que tengas conocimientos mínimos de HTML y CSS. También es deseable que conozcas HTML5 y CSS3, aunque no es indispensable.
Para tomar este curso necesitas un editor de código como SublimeText. Brackets, Aptana o Dreamweaver y un navegador moderno, así como muchas ganas de aprender.
¿Para quién es este curso?
Diseñadores web
Desarrolladores web
Debes tener en cuenta que los
cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer
en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente
boton:
(Cupón válido para las primeras
1000 inscripciones): LETSLEARNNOW
¿El código de cupón que
está mostrando está caducado o no funciona?
En realidad, todos los códigos de cupón
que se muestran en Cursosdev funcionan al 100%, Debes tener en cuenta que los cupones
duran maximo 5 dias o hasta agotar 1000 inscripciones, pero puede vencer en cualquier
momento
Usamos cookies en este sitio web para brindarle la mejor experiencia en nuestro sitio y mostrarle anuncios relevantes. Para obtener más información, lea nuestro política de privacidad& política de cookies.
