Me encanta el término de ponerse/quitarse las gafas de desarrollador porque es algo que siempre hago cuando inicio con un diseño, básicamente miro todo con el menor detalle posible para poder empezar a armar el esqueleto de la página y asà jaja
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
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Primeros pasos y estructura inicial
22/28Recursos
Aportes 9
Preguntas 0
Ordenar por:
sin duda cuando vas por el camino de frontend y llevando las rutas establecidas, vas adquiriendo tus gafas, y cada ves que veas un nuevo proyecto automáticamente las gafas aparecen y paralelo a eso tus gafas van siendo mas robustas, te permitirán identificar cada parte del esqueleto de algún diseño
Emmet del html
header.header+section.cards+section.progress__bar+footer.buttons
Lo primordial es tener ganas de hacer las cosas bien para mejorar poco a poco. De eso se trata siempre.
¡Amo a la profesora! Tremendo Insight el termino de Gafas de desarrollador.
y si no tengo gafas?
💚
👌
Mi prototipo en FIgma:
Ahora a intentar llevarlo a código 😉
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.