Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Haga lo que hicimos

Ejercicio 1: Adaptando el cuerpo del texto a unidades relativas Profundizar en las unidades relativas: Además de rem, explorar otras unidades como em y vh. Explicar las diferencias y casos de uso más adecuados para cada una. Considerar el tamaño de fuente base: Enfatizar la importancia de establecer un tamaño de fuente base (generalmente en el elemento

) para tener un punto de referencia claro al utilizar rem. Utilizar herramientas de desarrollo del navegador: Mostrar cómo utilizar las herramientas de desarrollo del navegador para inspeccionar los estilos aplicados y ajustar los valores de rem en tiempo real. Ejercicio 2: Convirtiendo píxeles a rem en CSS Automatizar la conversión: Introducir herramientas o extensiones que pueden ayudar a automatizar la conversión de píxeles a rem en grandes proyectos. Considerar el contexto: Explicar que la conversión no siempre es una simple división por 16, ya que puede haber casos en los que se desee ajustar el tamaño de la fuente de manera más granular. Utilizar calculadoras de unidades: Recomendar el uso de calculadoras en línea o extensiones para realizar las conversiones de unidades de manera rápida y precisa. Ejercicio 3: Mejorando la responsividad de un sitio web Utilizar media queries: Introducir el concepto de media queries para crear estilos específicos para diferentes rangos de tamaño de pantalla. Considerar diferentes dispositivos: Explorar cómo se comporta el sitio en diferentes dispositivos (móviles, tablets, desktops) y ajustar los estilos en consecuencia. Utilizar herramientas de diseño responsivo: Recomendar herramientas como Figma o Sketch para diseñar y prototipar sitios web responsivos de manera eficiente. Ejercicio 4: Ajustando el CSS para diferentes tamaños de fuente Utilizar la propiedad clamp: Explicar cómo utilizar la propiedad clamp para establecer un tamaño de fuente mínimo, máximo y preferente, asegurando una mejor legibilidad en diferentes tamaños de pantalla. Considerar el diseño tipográfico: Introducir conceptos básicos de diseño tipográfico, como la escala modular y la jerarquía visual, para crear una experiencia de lectura más agradable. Utilizar variables CSS: Mostrar cómo utilizar variables CSS para centralizar los valores de los tamaños de fuente y facilitar su modificación en el futuro. Además de estas ampliaciones, te sugiero:

Proporcionar ejemplos prácticos: Incluir ejemplos de código completos para cada ejercicio, mostrando cómo aplicar los conceptos en diferentes escenarios. Crear un repositorio de ejercicios: Organizar los ejercicios en un repositorio de GitHub para que los estudiantes puedan acceder al código fuente y realizar sus propias modificaciones. Fomentar la colaboración: Crear un espacio en línea (foro, Discord) donde los estudiantes puedan compartir sus soluciones, hacer preguntas y recibir feedback de otros compañeros.

1 respuesta

Hola Frank, espero que estés bien

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!