Skip to content
Submitted 11 months ago

Responsive HTML5/CSS3/JS Interactive Rating Component

Alysson Gomes•470
@EONRaider
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had a lot of fun in this project making use of localStorage for the first time to communicate state between different web pages on the same project. It also gave me the opportunity to practice more prototype-based implementations on JS so I can keep being the OOP maniac I like to be! :)

Community feedback

  • Daniel 🛸•44,310
    @danielmrz-devPosted 11 months ago

    Fala Alysson!

    Seu projeto está excelente!

    Tenho uma única sugestão:

    • Pra tornar seu código HTML mais semântico, use main pro conteúdo principal ao invés de uma div.

    Essa mudança de tag não gera nenhum impacto visual mas torna o seu código HTML mais semântico e melhora a otimização SEO e accessibilidade do projeto.

    Espero que ajude!

    Fora isso, ótimo trabalho!

    0
    Alysson Gomes•470
    @EONRaiderPosted 11 months ago

    @danielmrz-dev Opa Daniel. O que você menciona é fato. Fica melhor mesmo. A questão é que eu tenho usado a metodologia CUBE e ela sugere que eles elementos de composição não devam ser usados para estilizar. Assim sendo eu acabo usando a div externa para posicionamento e dimensões e o conteúdo mesmo entra no elemento main (esse sim contendo estilos e tudo mais, porém declarado como bloco).

    No fim é mais uma questão de seguir a convenção neste caso.

    0

Please log in to post a comment

Log in with GitHub

Join 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