A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).
Construa um site responsivo com animações | Tutorial HTML5 e CSS3
CanalJulio CodesDescrição do autor
Neste tutorial em vídeo, vamos construir um site responsivo do zero usando HTML5, CSS3 e um toque de JavaScript puro. Também vamos aprender a usar *keyframes* e efeitos *hover* para animações, além de uma ferramenta nova para animar ao rolar a página: Scroll Reveal. Por fim, usaremos *media queries* para tornar este design web responsivo! O tema *Rosa* é um tema premium do WordPress que você pode comprar. Os links estão abaixo.
Não se esqueça de dar um like se achou o vídeo útil. Também, clique no ícone do sino para ativar as notificações e assim ser avisado assim que novos vídeos forem publicados.
*Designs e imagens usados apenas para fins educacionais.*
[ ARQUIVOS DO PROJETO ]
[ REDES SOCIAIS ]
[ HOSTGATOR ]
[ MEU EQUIPAMENTO ]
Laptop para programação e edição de vídeo
Laptop: Dell XPS 15 7590
Processador: Intel Core i7-9750H (9ª geração)
RAM: 32GB (atualizado)
Placa de vídeo: Nvidia GeForce GTX 1650 4GB GDDR5
Armazenamento: SSD NVMe PCIe M.2 de 500GB (atualizado)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Teclado: Logitech MX Keys
Mouse: Logitech MX Master 3
Microfone: Blue Yeti
Para agilizar o desenvolvimento, não foram usados prefixos CSS. Para garantir compatibilidade entre navegadores, use prefixos conforme necessário.
Não se esqueça de dar um like se achou o vídeo útil. Também, clique no ícone do sino para ativar as notificações e assim ser avisado assim que novos vídeos forem publicados.
*Designs e imagens usados apenas para fins educacionais.*
[ ARQUIVOS DO PROJETO ]
[ REDES SOCIAIS ]
[ HOSTGATOR ]
[ MEU EQUIPAMENTO ]
Laptop para programação e edição de vídeo
Laptop: Dell XPS 15 7590
Processador: Intel Core i7-9750H (9ª geração)
RAM: 32GB (atualizado)
Placa de vídeo: Nvidia GeForce GTX 1650 4GB GDDR5
Armazenamento: SSD NVMe PCIe M.2 de 500GB (atualizado)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Teclado: Logitech MX Keys
Mouse: Logitech MX Master 3
Microfone: Blue Yeti
Para agilizar o desenvolvimento, não foram usados prefixos CSS. Para garantir compatibilidade entre navegadores, use prefixos conforme necessário.
Sobre este tutorial
Julio Codes publicou este tutorial em vídeo de 2:30:43 em 5 de janeiro de 2020. Foi visto 317 405 vezes no YouTube.
- Canal
- Julio Codes
- Categoria
- Educação
- Duração
- 2:30:43
- Publicado
- 5 de janeiro de 2020
- Visualizações
- 317 405
- Gostos
- 11 951
Partilhar
Este tutorial noutros idiomas
- ENBuild a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial
- FRConstruire un site web réactif avec des animations | HTML 5 et CSS 3 Tutoriel
- ESConstruir un sitio web sensible que proporciona un Animaciones | HTML 5 y CSS 3 Tutorial
- ITCostruire un sito web reattiva con animazioni | HTML 5 e CSS 3 Tutorial
- DEErstellen Sie eine Responsive-Website mit Animationen | HTML 5 und CSS 3 Tutorial
- NLBouw een Responsive website met animaties | HTML 5 en CSS 3 Tutorial
- RUСоздание Отзывчивый веб-сайт с анимацией | HTML 5 и CSS 3 Учебное пособие
- PLBudowanie elastycznej witryny animacje | HTML 5 i CSS 3 Tutorial
- JAアニメーションと応答ウェブサイトを構築します| HTML 5やCSS 3のチュートリアル
- ARبناء مجيب الموقع مع صور متحركة | HTML 5 و CSS 3 دروس
- HIएनिमेशन के साथ एक उत्तरदायी वेबसाइट का निर्माण | एचटीएमएल 5 और सीएसएस 3 ट्यूटोरियल
- IDMembangun Website Responsif dengan Animasi | HTML 5 dan CSS 3 Tutorial