Seria genial que pongan un efecto practico en vez de dar documentacion nada mas
Descubre qué ha cambiado en nuestro medio
Todo sobre el diseño de páginas web acaba de cambiar
Conceptos que forman parte del diseño en CSS
La importancia de recordar las herramientas existentes
Flujo normal del documento: display block, inline e inline-block
Contextos de formato: Formato de Contexto de Bloque (BFC)
Posicionamiento + Dinámica: ¿Cómo se verÃa?
¿Flexbox o CSS Grid?
Diferencias entre Flexbox y CSS Grid
Similitudes entre Flexbox y CSS Grid
¿Puedo trabajar con Flexbox y CSS Grid al tiempo?
Dinámica: ¿Qué usarÃas? (Parte 1)
Dinámica: ¿Qué usarÃas? (Parte 2) + Reto
¿Cuándo usar Flexbox y cuándo usar CSS Grid?
Modern Layouts con CSS Grid
¿Qué son los Modern CSS Layouts?
Patrones para usar como punto de partida
Layouts: Super Centered, The Deconstructed Pancake, Sidebar Says, Pancake Stack, Classic Holy Grail Layout
Layouts: 12-Span Grid, RAM (Repeat, Auto, MinMax), Line Up, Clamping My Style, Respect for Aspect
Diseño web para desarrolladores
Dinámica: No puedo dejar de ver
Design System y detalles visuales a tener en cuenta
Tendencias de diseño UI/UX: Fase de inspiración y creatividad
Wireframes y comunicación visual simple, intuitiva y atractiva
Figma para devs: Auto Layout y Neumorphism (Parte 1)
Figma para devs: Auto Layout y Neumorphism (Parte 2)
Del diseño al código
Primeros pasos y estructura inicial
Ubicación y creación de elementos
El futuro de CSS Grid
Entendiendo las versiones de CSS: ¿existirá CSS4?
CSS Subgrid
Native CSS Masonry Layout
CSS feature queries: @supports
Nosotros y el futuro de la web: tips para seguir aprendiendo y mantenerse al dÃa
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Convierte tus certificados en tÃtulos universitarios en USA
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
19 DÃas
7 Hrs
52 Min
55 Seg
Native CSS Masonry Layout
26/28Recursos
Aportes 17
Preguntas 0
Ordenar por:
Interesante, yo lo que harÃa para este diseño (1:04) es simplemente crear una grid de 4 columnas, y dentro de cada columna meter varias imágenes para que se vayan ajustando 🤔
Las herramientas que nos está dando la profesora en este curso me están pareciendo fenomenales. La verdad CSS tiene muchÃsimas cosas de las que no tenemos idea, y que son geniales.
Sé que muchos se quejan de que hay muy poca práctica y poco código, pero a mà me parece de lo mejor este curso.
Lo único es que haciendo mis propias anotaciones y prácticas me he tardado una eternidad en terminarlo.
Pero ha valido la pena.
Lo que me gustaba del curso anterior de Grid con Leo es que ahà hicimos varios ejercicios y uno fue como este tema, donde imitamos el diseño de pinterest ðŸ˜
Hic mi sitio de fotos con una librerÃa massonry + bootstrap. Tengo en mente rehacerla con los cocimientos que estoy aprendiendo de css.
me parece super el mansory layout!!, espero con ansias mas novedades sobre esa propuesta! 💚
Aqui el enlace que muestra la profesora para leer un poco de la propuesta.
Genial los tipos de layouts que hay, y con base en todo esto podemos estructurar paginas web, sistemas entre todo lo demás que venga a nuestra mente, es como pensar en componentes.
Pues hasta la fecha sigue sin estar disponible...
**📌Resultado de mi proyecto:**
* Repositorio: <https://github.com/raulsr92/reproductor-musica-proyecto?tab=readme-ov-file>
* Demo: <https://raulsr92.github.io/reproductor-musica-proyecto/>
* Tutorial (youtube): <https://www.youtube.com/watch?v=QAoaVlBgBUo&t=1333s>
El que quiera lo puede probar en Firefox, hoy 1/10/23
Se ve potente, pero tiene nulo soporte D:
2023 y 0% de adopcion, aunque es bueno saber lo nuevo que se esta creado es f saber que no se esta implementando
Pinterest tiene un Masonry Layout.
lo encontraba bonito pero no sabia el nombre
este tema ya habÃa sido visto y realizado en el curso anterior de css grid 🤫
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?