Descubre qué ha cambiado en nuestro medio

1

Todo sobre el diseño de páginas web acaba de cambiar

Conceptos que forman parte del diseño en CSS

2

La importancia de recordar las herramientas existentes

3

Flujo normal del documento: display block, inline e inline-block

4

Contextos de formato: Formato de Contexto de Bloque (BFC)

5

Posicionamiento + Dinámica: ¿Cómo se vería?

¿Flexbox o CSS Grid?

6

Diferencias entre Flexbox y CSS Grid

7

Similitudes entre Flexbox y CSS Grid

8

¿Puedo trabajar con Flexbox y CSS Grid al tiempo?

9

Dinámica: ¿Qué usarías? (Parte 1)

10

Dinámica: ¿Qué usarías? (Parte 2) + Reto

11

¿Cuándo usar Flexbox y cuándo usar CSS Grid?

Modern Layouts con CSS Grid

12

¿Qué son los Modern CSS Layouts?

13

Patrones para usar como punto de partida

14

Layouts: Super Centered, The Deconstructed Pancake, Sidebar Says, Pancake Stack, Classic Holy Grail Layout

15

Layouts: 12-Span Grid, RAM (Repeat, Auto, MinMax), Line Up, Clamping My Style, Respect for Aspect

Diseño web para desarrolladores

16

Dinámica: No puedo dejar de ver

17

Design System y detalles visuales a tener en cuenta

18

Tendencias de diseño UI/UX: Fase de inspiración y creatividad

19

Wireframes y comunicación visual simple, intuitiva y atractiva

20

Figma para devs: Auto Layout y Neumorphism (Parte 1)

21

Figma para devs: Auto Layout y Neumorphism (Parte 2)

Del diseño al código

22

Primeros pasos y estructura inicial

23

Ubicación y creación de elementos

El futuro de CSS Grid

24

Entendiendo las versiones de CSS: ¿existirá CSS4?

25

CSS Subgrid

26

Native CSS Masonry Layout

27

CSS feature queries: @supports

28

Nosotros y el futuro de la web: tips para seguir aprendiendo y mantenerse al día

La importancia de recordar las herramientas existentes

2/28

Lectura

¡Hola! Antes de comenzar con este curso de Diseño Web con CSS Grid y Flexbox, quiero recomendarte el Curso de CSS Grid Layout, ya que conceptos que vimos en ese curso van a ser fundamentales para este.

En el Curso de CSS Grid Layout vimos algunas herramientas que nos han facilitado el camino como desarrolladores a lo largo de todos estos años (si no has hecho el curso, aquí te dejo los apuntes de esa clase en particular) y hablamos de que independientemente de cómo creemos nuestros sitios web a futuro, es importante que veamos el potencial que tiene CSS en este momento, como también que aumentemos nuestra comprensión del por qué suceden ciertas cosas.

Dando una pequeña continuación a esas herramientas que nos han facilitado el camino y especialmente a los “trucos” que tanto diseñadores como desarrolladores web han creado de forma ingeniosa a lo largo del tiempo, quiero que revisemos en este módulo algunos conceptos de CSS que son fundamentales para comprender a profundidad todo lo relacionado al diseño con CSS.

El objetivo al revisar los conceptos de display block e inline, contextos de formato, y posicionamiento en este módulo; es que revisemos todo el panorama, que tengamos una visión amplia del diseño con CSS, que ampliemos o reforcemos nuestros conocimientos base, y también, que veamos el impacto que estos conceptos tienen en la forma en la que diseñamos hoy en día.

¡Te veo en la siguiente clase! 😄

Aportes 23

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Vengo de aquel curso. Ojala este pueda ser mas practico💚

Ok. Entonces voy al curso de CSS Grid Layout y vuelvo

Dejo mi dibujo del curso anterior 😍✨

ok, listo yo tmb me voy para ese primero:D

Acá les dejo 3 juegos muy recomendados para aprender css : 😄

Muy bueno el curso anterior profe, muy emocionado por iniciar este

El proyecto objetivo que tengo es hacer un mini blog sobre anime 😃

Acabo de culimnar “Curso de CSS Grid Layout”. A darle con todo a este curso (y).

CSS Grid Layout es un gran curso. Espero que este curso mejore las falencias que en su momento tuvo el anterior.
Vamos con toda!!

En lo personal, me sirvió mucho los trucos que vimos en el curso anterior 😄

Justo vengo del curso de CSS Grid Layout, y todos estos años he estado utilizando esas herramientas viejas de CSS y por fin me he atrevido a actualizarme con Grid Layout, es una maravilla

Bueno, seguiremos con el segundo curso. El primero, es todo un complemento de habilidades.

Si no han tomado el curso anterior lo recomiendo totalmente.

Venimos de allí, muy buen curso, nos vamos!.

Vamo’ a ello! 😃

Buen texto

Sus cursos de tef son geniales

Ya hice el primero y me gusto, estoy ansioso por empezar este.

.

bienz

Totalmente recomendado primero el curso de CSS Grid Layout. Es genial.

Realmente recomendado ver el Curso de CSS Grid Layout, estuvo tan bueno que ni sentí cuanto tiempo había pasado hasta que lo terminé, además la profesora es muy concisa y efectiva con sus explicaciones, de verdad pasen a mirarlo antes de seguir.

Vengo de allá, excelente curso, en serio deberían tomarlo antes de ver este porque tiene muchos conceptos muy importantes sobre CSS en general y cómo deberíamos empezar a ver a CSS 💚