Hacer diseños responsive

Mobile First 😮

Básicamente se refiere a un modo de diseñar que tenga en cuenta, en primera instancia, un dispositivo móvil. Pantallas reducidas en comparación a los monitores que usamos normalmente con los ordenadores, y tras tener la maqueta preparada, realizar un escalado, es decir, aumentar el tamaño y adaptarlo a una pantalla de escritorio.

Gente por si se preguntan como se asocio la figura al texto (Del botón biografía)
Debes tener activado la opción de seleccionar y
Encerrar los dos elementos (texto y figura, el texto dentro de la figura, si quieres un resultado como al del profe)
Luego, clic derecho a la figura y selecciona agrupar, listo.

Diseño Responsive

• Podemos adaptar nuestro contenidos en el apartado de layout.
• Consejos para el diseño responsive:
  • Hay que empezar diseñando nuestros proyectos desde la interfaz más pequeña a nuestra interfaz más grande.
  • Debemos tomar en cuenta la accesibilidad;
    • Una manera de hacerlo es usar componentes más grandes o llamativos al usuario. (Componentes que se vean sin tener que hacer zoom)
    • Elegir tamaños de fuente legibles. (mínimo 15px)
  • Evitar muchas animaciones en móvil. (Enriquecen el diseño pero suelen pasar costos al tardar en cargar tu página, además no todos los navegadores soportan animaciones)

Realizando mi practica de esta unidad, una pequeña card.

Van ocho clases y ya amo XD.

XD se ve genial! … Aunque muchos lo desacreditan, creo que tiene mucho para ofrecer.

Me hubiera gustado saber como hizo para crear todo sobre el proyecto paso a paso.

Con lo que aprendí en esta clase hice esto