Aprenda CSS Flexbox en Lynda.com

• Abril 25, 2024

Después de diez años, que es toda una vida en la web, decidimos darle un nuevo aspecto al sitio web MUSED Literary Review. Por supuesto, queríamos usar el HTML y CSS más reciente y eso significa usar Flexbox, CSS Grid y Responsive Web Design.

Gracias a Lynda.com, no tardó mucho en ponerse al día. A continuación se presentan algunos de los mejores videos tutoriales que me ayudaron a diseñar el nuevo aspecto de MUSED.

Diseños receptivos avanzados con CSS Flexbox
Morten Rand-Hendriksen
En este curso basado en proyectos, el autor lo lleva paso a paso a medida que crea menús Flexbox, diseños de tarjetas receptivos, el diseño del Santo Grial y componentes interactivos.

Diseños avanzados de CSS con cuadrícula
Morten Rand-Hendriksen
Aprenderás mucho en este curso. El autor comienza con los conceptos básicos de CSS Grid y la planificación de diseños de cuadrícula. Entonces está listo para construir un diseño de varias columnas y un diseño de columna única de sangrado completo. A continuación, aprenderá a diseñar varios diseños de tarjetas y un panel de navegación fuera de la pantalla que se desliza a la vista cuando sea necesario.

CSS Essential Training 3
Christina Truong
En este curso, aprenderá a usar CSS Grid y Flexbox para crear diseños receptivos. También aprenderá cómo preparar sus imágenes web para pantallas Retina e imágenes vectoriales SVG. Luego, el autor pasa a animaciones CSS simples, tipografía receptiva y accesibilidad.

CSS Flexbox Primer vistazo
James Williamson
Este curso lo lleva paso a paso a medida que aprende toda la sintaxis del Módulo de diseño CSS Flexbox. El autor analiza lo que puede hacer Flexbox y el soporte actual del navegador. Luego analiza a fondo temas como el flujo de elementos, el contenido de envoltura, la alineación de elementos y el anidamiento de contenedores flexibles.

Primer vistazo a la cuadrícula CSS
Morten Rand-Hendriksen
En este curso, aprenderá una forma nueva y mejorada de crear diseños de cuadrícula bidimensionales. Comenzando con los conceptos básicos para usar CSS Grid para crear diseños de cuadrícula receptivos, el autor cubre lo que necesitará saber para crear una revista en línea y un diseño de tres columnas.

Creación de formularios receptivos con Flexbox
James Williamson
No se puede diseñar un sitio web sin formularios. Los formularios deben ser tan receptivos para todos los tipos y tamaños de pantallas, como el resto del sitio. Williamson le enseña cómo usar el modelo de caja CSS Flexbox para crear y diseñar formularios web receptivos. Comienza con un formulario de búsqueda simple y se acumula en un formulario grande de dos columnas.

Imágenes receptivas
Morten Rand-Hendriksen
Si usa Wordpress, sabe que generará automáticamente varias imágenes de diferentes tamaños para cada imagen que cargue en el sistema. ¿Por qué? Este curso explicará el concepto detrás de las imágenes receptivas y cómo usarlas en su propio sitio web.

Instrucciones De Vídeo: [CURSO DE FLEXBOX] Regla 4: Salto de columnas con Flex-Wrap (Abril 2024).