CSS Grid: Revolución del Diseño Web
Clase 6 de 28 • Curso Profesional de CSS Grid Layout
Contenido del curso
¿De dónde venimos y en dónde estamos?
¿Cómo se llegó al concepto de CSS Grid?
Control de alineamiento
- 7

Alineación de Elementos con Margin y Line Height en CSS
12:45 min - 8

Técnicas de Alineamiento CSS: Table Cell y Positions
15:19 min - 9

Alineación de Elementos con CSS y Modos de Escritura
04:02 min - 10

Modos de Escritura y Alineación en CSS: Flexbox y CSS Grid
09:07 min - 11

Propiedades lógicas en CSS: uso y aplicación práctica
09:26 min - 12

Técnicas de Alineamiento con Flexbox en CSS
06:54 min - 13

Dibujos Creativos con CSS: Técnicas y Desafíos
13:51 min
Conceptos generales para comenzar a trabajar con CSS Grid
Propiedades y valores para el elemento padre
Propiedades y valores para los elementos hijos
- 22

Creación de Grids en CSS para Diseños Creativos
07:03 min - 23

Alineación de Elementos Hijos en CSS Grid
07:36 min - 24

Alineación de elementos en CSS Grid: Justify, Align y Place Self
05:22 min - 25

Ubicación y Alineación de Elementos con CSS Grid
06:06 min - 26

Alineación de Elementos con CSS Grid y Flexbox
09:54 min
Lo que podemos lograr adicionalmente con CSS Grid
¿Cómo CSS Grid ha revolucionado el diseño web?
CSS Grid ha transformado radicalmente la manera en que concebimos y practicamos el diseño web. No es exagerado decir que ha revolucionado nuestra perspectiva al trabajar con CSS. Algunos autores comparten esta opinión, pero es interesante entender su significado en el contexto del diseño web. Antes de la llegada de CSS Grid, el diseño en CSS era un proceso fragmentado que implicaba manipular cada elemento individualmente con propiedades específicas. CSS Grid cambia esta dinámica, permitiéndonos primero concebir un diseño general y después incorporar los elementos necesarios.
¿Por qué CSS Grid se considera una evolución en el diseño?
- Modelo de Diseño Integrado: CSS Grid permite un enfoque holístico del diseño, donde se estructura primero el layout general y luego se añaden los elementos al diseño. Es una herramienta que facilita la creación de diseños más intuitivos y manejables.
- Simplicidad en lo Complejo: Muchas de las complicaciones asociadas con las técnicas anteriores de CSS para lograr diseños básicos son suprimidas por CSS Grid. Esto minimiza la necesidad de técnicas antiguas como marginado excesivo o técnicas magulladoras.
¿Qué hace a CSS Grid una herramienta esencial en el diseño moderno?
- Facilidad de Alineamiento y Distribución: A través de la alineación y distribución de elementos, CSS Grid simplifica significativamente este proceso sin la necesidad de hacks o trucos complicados.
- Futuro del Diseño CSS: Lejos de ser el final, CSS Grid es sólo el principio de lo que viene en el diseño con CSS. Este enfoque promete una evolución continua y emocionante en el diseño web.
¿Cómo encaja CSS Grid en el aprendizaje de CSS?
Este curso busca expandir tu conocimiento existente sobre CSS. CSS Grid no solo es una herramienta nueva, sino una parte fundamental de la evolución continua del diseño web. A través de este module, se comenzará explorando control de alineamiento y otras funcionalidades básicas que hacen de CSS Grid una herramienta imprescindible.
¿Por qué es importante entender el control de alineamiento?
El control de alineamiento es uno de los aspectos más desafiantes de CSS. ¿Cómo decides qué técnica usar? ¿Qué trucos pueden aplicarse? Por suerte, CSS Grid ofrece simplificaciones significativas para estos problemas, proporcionando un enfoque más limpio y moderno que las técnicas tradicionales.
¿Qué sigue en el aprendizaje de CSS Grid?
A medida que te adentres en este mundo, descubrirás cómo CSS Grid, junto con otras tecnologías modernas como Flexbox, te permiten dejar en el pasado muchas de las técnicas y trucos arcaicos. Avanzaremos en el próximo módulo con clases enfocadas en técnicas de alineamiento para que puedas profundizar en el código y experimentar por ti mismo el cambio de paradigma que CSS Grid trae al diseño web. ¡El futuro del diseño web está aquí!