HDTutorial
PT
Tutorial de CSS para criar uma barra de navegação: 3 formas com Flexbox

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Tutorial de CSS para criar uma barra de navegação: 3 formas com Flexbox

2 941 182 visualizações 26 de outubro de 2019 15:08

Ver no YouTube
CanalSkillthrive

Em resumo

Construa três barras de navegação distintas utilizando Flexbox e HTML básico—ideal para desenvolvedores web que pretendam aplicar propriedades como align-items, justify-content e order para criar designs limpos e funcionais. O tutorial prioriza a implementação prática em vez de teoria aprofundada.

Descrição do autor

Este curso gratuito de design e desenvolvimento web usa Flexbox e HTML básico para criar três designs diferentes de barras de navegação. Você vai ver exemplos de como propriedades do Flexbox, como *align-items*, *justify-content* e *order*, podem ser usadas para criar designs web novos em um piscar de olhos.

Esta série é um curso baseado em projeto e não vai aprofundar em HTML, CSS ou JavaScript. Se quiser aprender mais sobre esses assuntos, confira os links no final da descrição.

📂 ARQUIVOS DO CURSO 📂

⏰ MARCADORES DE TEMPO ⏰

Barra de navegação 1: 0:22

Barra de navegação 2: 10:18

Barra de navegação 3: 11:58

✅ LINKS ÚTEIS ✅

🌟 MELHORES CURSOS RECOMENDADOS 🌟

CSS

(Pago) Construa Sites Web Responsivos com HTML5 e CSS3

(Gratuito) Curso Rápido de CSS para Iniciantes Absolutos

CSS GRID

(Gratuito) Flexbox CSS em 20 Minutos

(Gratuito) Guia Completo de CSS Flexbox

CSS FLEXBOX

(Gratuito) Tutorial de CSS Grid

(Gratuito) Guia Completo de CSS Grid

JAVASCRIPT

(Pago) Curso Completo de JavaScript 2019: Construa Projetos Reais!

(Gratuito) Aprenda JavaScript - Curso Completo para Iniciantes

Sobre este tutorial

Skillthrive publicou este tutorial em vídeo de 15:08 em 26 de outubro de 2019. Foi visto 2 941 182 vezes no YouTube.

Categoria
Educação
Duração
15:08
Publicado
26 de outubro de 2019
Visualizações
2 941 182
Gostos
62 291

Partilhar

Leitura complementar

  • CSS Barra de navegação - Web Tutorial secara online w3bai.com

    Como usar consultas de mídia CSS3 para criar uma navegação superior responsivo. Sidenav Responsive Como usar consultas de mídia CSS3 para criar uma navegação lateral responsivo. suspensa Navbar Como adicionar um menu su…

  • barra de navegação CSS - Web Online tutorials w3big.com

    Existem duas maneiras de criar uma barra de navegação horizontal. Use os itens da listaembutidos ou flutuantes. Ambos os métodos são bons, mas se você quiser fazer o link com o mesmo tamanho, você deve usar o método flu…

  • Menu em CSS: Menu dropdown horizontal com HTML5 e CSS3 devmedia.com.br

    Neste artigo irei mostrar como fazer um menu horizontal usando um pouco de HTML5 e CSS. O menu, ou barra de navegação é um elemento muito importante de qualquer website, pois como o próprio nome já diz, é por ele que os…

Este tutorial noutros idiomas