Descubre qué ha cambiado en nuestro medio

1

Diseño Web Avanzado con CSS Grid y Flexbox

Conceptos que forman parte del diseño en CSS

2

Conceptos Fundamentales de Diseño CSS: Display y Posicionamiento

3

Fundamentos de Display en CSS: Bloque, Inline y Flujo Normal

4

Formato de Contexto de Blog en CSS: Creación y Uso de BFCs

5

Posicionamiento y contexto de apilamiento en CSS

¿Flexbox o CSS Grid?

6

Diferencias entre CSS Grid y Flexbox

7

Similitudes entre Flexbox y CSS Grid en Alineación y Jerarquía

8

Uso combinado de Flexbox y CSS Grid en diseño web

9

Uso de Flexbox y CSS Grid en Componentes Web

10

Flexbox vs CSS Grid: Cuándo y Cómo Usarlos

11

Cuándo usar Flexbox y CSS Grid en diseño web

Modern Layouts con CSS Grid

12

Diseño Moderno de Layouts con CSS Grid y Flexbox

13

Patrones de Diseño con CSS Grid

14

Diseños Modernos en CSS: Cinco Técnicas Sencillas

15

Layouts CSS con Pocas Líneas de Código

Diseño web para desarrolladores

16

Desarrollo de Habilidades Visuales en Diseño Web

17

Design Systems: Guía Práctica para Desarrolladores y Diseñadores

18

Principios de Diseño UI/UX para Desarrolladores

19

Diseño de Y-Frames para Reproductor de Música Mobile

20

Diseño para Desarrolladores: Uso de Figma y Auto Layout

21

Neomorfismo en Figma para Desarrolladores

Del diseño al código

22

Construcción de Estructura HTML y CSS desde Figma

23

Diseño Web con Neomorfismo en HTML y CSS

El futuro de CSS Grid

24

Pros y contras del CSS4: Discusión actualizada

25

CSS Subgrid: Herencia de Filas y Columnas en Diseño Web

26

Diseño Masonry Nativo en CSS: Implementación y Ejemplos

27

Consultas de Características CSS con @supports

28

Consejos para Mantenerse Actualizado en CSS

Patrones de Diseño con CSS Grid

13/28

Lectura

¡Hola! Para comenzar con este módulo de Modern Layouts con CSS Grid, quiero que revisemos algunos patrones para usar como punto de partida.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 47

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

No me esperaba el final jaja, #NuncaParemosDeAprender!!!
.
Listo para el siguiente módulo:3!

excelente material para tener como referencia!

Muchas gracias por los ultimos dos comentarios 💚
De verdad, se sintio muy bonito.

Yeah. Never stop learning ❤

Sinceramente, nunca pensé que un tema como CSS que no es tan dificil de manejar cuando se esta aprendiendo, tenga más complejida, teoría y mucho campo de fondo. Muchos de los conceptos que he visto al rededor de los cursos que he tomando con la profe Stefany realmente que no los conocía, y que en serio es muy util. No hay que tomar todo a la ligera por que este sea fácil, de todo se puede sacar mucho jugo de conocimiento, y me alegra de que CSS no sea la excepción

Siempre es bueno leer código para comprenderlo. Uno se nutre mucho.
Son muchas las maneras que existen para hacer exactamente lo mismo!

me devolvi a este curso a ver si hay un enlace al curso de animaciones que estaba haciendo y ya lo bajaron, ojala @teffcode lo actualice pronto

que bonito mensaje

Mis sinceras felicitaciones a la profe y al equipo de platzi, este curso como el anterior de CSS Grid Layout, se nota el esfuerzo que se expresa en la calidad del curso y la documentación.
#NuncaParemosDeAprender!!!

que buen aporte de informacion 5 starts
Muchas Gracias @teffCode por el recurso de la clase y em Bonito msg que ha dejado al final de la pequena lectura. esto realmente motiva a seguir aprendiendo sin parar. Yo realmente lo Aprecio y Gracias .

Super geniales sus clases Miss.

Nunca perriemos de aprender 😃

Gracias por el material

El comentario del final me ha motivado, y eso también habla muy bien de la calidad de persona que es Estefany, ahora vemos que no solo es muy profesional en su trabajo, sino además que esta comprometida y le importa que sus alumnos comprendan y sigan adelante. Nos vemos en el futuro. Gracias Teff !

Excelente Link, gracias por compartirlo, será de mucha utilidad

Muy buen enlace.

Gracias por la página recomendada!

¡Una superguía!
G R A C I A S!

Excelente recurso

Me gusto!

Y las plantillas, cuentan con su código y todo, excelente página gracias por recomendarnosla.

me gusta este curso, te proporciona herramientas que perfecciona tus conocimientos en css grid y flexbox, además de otros temas de diseño

Muchas Gracias por el recurso compartido Teacher 💜A seguir aprendiendo 😄

Justo lo que necesitaba. :3

excelente material

Increible 😄

Buenos conocimientos

Los recursos que comparten son muy buenos. Gracias por eso.

Un pequeño aporte de mi parte para los que quieran aprender a trabajar grid en profundidad : https://codepip.com/games/grid-garden/
y otro pequeño aporte, para los que quieran también aprender a manejar todas las funciones de flexbox:
https://flexboxfroggy.com/#es
Saludos, y suerte. Estoy atento a cualquier duda que surja.

Muy buena la pagina

👏👏👏👏 Excelente buen aporte, gracias teffy

Genial, excelente recurso.

Solo quiero mencionar que me encanta este curso, y acabo de ver que el 30 de abril sale el nuevo curso de COBOL.

Muchas gracias, el material me ayudoa entender mucho mas

Muy bien explicado, le felicito Estefany

Es increíble está web

Muchas gracias por compartir el sitio, realmente he aprendido montones

Me fascina

El sitio web que comparte está super genial, muchas gracias por compartirlo.

No es una duda pero cabe destacar que en verdad es una de las mejores profes con la que he aprendido en platzi muchas gracias Teff!

Hola, compañeros.
En el patrón de As many as will fit with some items spanning two rows en el elementos que es más alto se le aplica esta propiedad: grid-row-end: span 2;
¿Qué significa el valor span?

Quien no aprende con esta instructora, excelente 😃

,

z

Amen!