Design comparison
Community feedback
- @Sdann26Posted over 2 years ago
Hola Jonatan!
Estaba revisando tu proyecto y en lo personal me parece que esta bastante bien.
Te daré algunas recomendaciones para que puedas investigar y aplicar en futuros proyectos.
Lo primero es respecto al efecto
hover
, este efecto es usado principalmente para escritorios pero genera problemas al usarlo en herramientas como tablets y celulares ya que no manejan cursores y el efecto no funciona como se espera por lo cual se suele usar el efectoactive
. Para ello puedes comenzar a usar media queries para los tamaños o puedes usar una media querie hover que detecta el tipo de dispositivo que se esta usando. https://developer.mozilla.org/es/docs/Web/CSS/@media/hoverLo segundo que te recomiendo es el tema de los atributos aria, como aria-hidden, aria-label, etc. Estos se usan para temas de accesibilidad por ejemplo si usas un boton y este no tenga ningún texto solo un icono dentro usaría un aria-label="Botón para recargar la página" ya que al usar dispositivos con lectores de pantalla estos describen el texto en el aria-label del botón usado principalmente para gente invidente. Es un tema bastante extenso el de accesibilidad pero es bastante interesante y te hace mejor desarrollador.
Por cierto en tu footer creo que no pusiste tu nombre.
Sin nada más que agregar, suerte en tus proyectos.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord