Site de viagens responsivo - Travel
Site de viagens para as mais belas praias, utilizando HTML5, SCSS, CSS3 e JavaScript
👨🏼💻 Tecnologias utilizadas:
HTML5:
No HTML, são definidas as estruturas e os elementos da página. Isso inclui a estrutura do layout, como cabeçalho, corpo e rodapé, bem como os elementos específicos do conteúdo, como texto, imagens, botões, etc. No contexto do projeto, o HTML provavelmente incluirá os elementos necessários para a animação durante a rolagem, como seções e elementos que serão animados conforme o usuário rola a página.
CSS3/SCSS:
O CSS foi usado para estilizar os elementos HTML, como cores, fontes, tamanhos, layout, etc. O SCSS (Sassy CSS) é uma extensão do CSS que oferece recursos adicionais, como variáveis, mixins e alinhamento, facilitando a escrita e a manutenção do código CSS. No projeto, o CSS/SCSS foi usado para definir estilos para os elementos da página, incluindo estilos para as animações durante a rolagem. Também foi usado para implementar o modo claro e escuro, alternando as cores dos elementos conforme necessário.
JavaScript:
O JavaScript é uma linguagem de programação que permite adicionar interatividade e dinamismo às páginas web. No contexto do projeto, o JavaScript foi utilizado para implementar as animações durante a rolagem. Isso pode ser feito usando bibliotecas como jQuery ou frameworks como o GSAP (GreenSock Animation Platform). O JavaScript também foi usado para alternar entre os modos claro e escuro, alterando os estilos CSS conforme necessário.
Metodologia Mobile First:
A metodologia Mobile First envolve projetar e desenvolver primeiro para dispositivos móveis e depois para dispositivos desktop. Isso garante que a experiência do usuário seja otimizada para dispositivos menores e, em seguida, aprimorada para dispositivos maiores. No projeto, isso significa que o layout e os estilos serão inicialmente projetados para dispositivos móveis e depois aprimorados para desktop.
Compatibilidade com todos os dispositivos móveis:
Isso implica que o projeto será responsivo, ou seja, se adaptará a diferentes tamanhos de tela e dispositivos, desde smartphones até tablets e computadores de mesa. Isso é alcançado principalmente por meio do uso de técnicas de design responsivo, como layouts flexíveis, unidades de medida relativas (por exemplo, %, em) e media queries para ajustar o layout e os estilos com base no tamanho da tela do dispositivo.
✉️ Contato:
Se você tiver alguma dúvida, sugestão ou interesse em colaborar, não hesite em me contatar.
Email: danielportela.ti@gmail.com