Contenido
- 01. El juego Flexbox
- 02. Froggy de caja flexible
- 03. Defensa Flexbox
- 04. Una guía completa de Flexbox
- 05. Ejemplos de diseño de caja flexible
Hacer un diseño web receptivo nunca ha sido tan fácil gracias a flexbox, o Flexible Box Layout. Es un poderoso módulo CSS que brinda a los diseñadores y desarrolladores web una forma eficiente y sencilla de diseñar, alinear y distribuir elementos en un contenedor. Resuelve muchos problemas de diseño que hemos estado luchando por resolver durante mucho tiempo.
Y gracias a una variedad de recursos disponibles en la web, aprender flexbox no tiene por qué ser difícil. Con estas guías, recursos y juegos, estará flexionando sus músculos flexbox en poco tiempo.
01. El juego Flexbox
El juego Flexbox te permite resolver visualmente acertijos de diseño de flexbox sin escribir una sola línea de código. Si eres un aprendiz visual, este es el indicado para ti.
02. Froggy de caja flexible
Un juego en línea que te enseña los conceptos básicos de flexbox mientras ayudas a algunas ranas a cruzar un estanque. Nunca ha sido tan fácil saltar a flexbox.
03. Defensa Flexbox
¿Quién dice que flexbox no es serio? En este juego, usarás diseños comunes de cajas flexibles para colocar cañones y frustrar las oleadas de enemigos que se aproximan.
04. Una guía completa de Flexbox
CSS-Tricks es un gran recurso para todos sus fragmentos de código de flexbox. Asegúrese de marcar este.
05. Ejemplos de diseño de caja flexible
En Webflow hemos diseñado y construido algunos de los diseños de flexbox más comunes. Aquí te enseñamos cómo puedes crearlos tú mismo fácilmente.
Este artículo apareció originalmente en revista neta número 282; Cómpralo aquí!