Skip to content

Interface criada a partir de um dos módulos do bootcamp da DIO "Impulso Javascript Evolution"

Notifications You must be signed in to change notification settings

sancruz-dev/instagram-dio-bootcamp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

Sancruz - Clonando Interface do Instagram

Esse é o repositório da aula de Flexbox, na qual foi feita a interface de login do Instagram!

Imagem ilustrando a interface do instagram numa tela mobile Imagem ilustrando a interface do instagram numa tela desktop


Minhas Alterações

Logo abaixo estão listadas as principais modificações realizadas.

Semântica

  • Tags subtituidoras: main, figure, button e a;
  • Hierarquia CSS: Ajustando as classes dos elementos para o conceito hierárquico CSS, oferecendo melhor descrição às classes e esclarecendo quem são os elementos-pai e elementos-filho;
  • Alt e title: Aprimorando as descrições/conteúdos para melhor experiência e acessibilidade;

Ajustes:

  • Funcionalidade aos elementos: "alternar contas" e "Inscreva-se". Ambos eram spans e sem nenhuma interação, e depois da alteração foram tranformados em âncoras funcionais;

Adições:

  • Arquitetura de pastas: pela ideia de organização e padrões, foi adicionado a pasta assets ao diretório, e após isso, movido a pasta de imagens e o arquivo de estilo;
  • Pseudo-classes: hover e active aos links de âncoras e botões;
  • Favicon na aba da página;

Logotipo do bottcamp Impulso Javascript Evolution Logotipo do bottcamp Impulso Javascript Evolution

About

Interface criada a partir de um dos módulos do bootcamp da DIO "Impulso Javascript Evolution"

Topics

Resources

Stars

Watchers

Forks

Languages

  • CSS 50.1%
  • HTML 49.9%