Nesse vídeo vamos aprender sobre design responsivo e principalmente as Media Queries um recurso muito importante do CSS. As media queries são uma parte essencial do design web moderno, permitindo que seu site se adapte perfeitamente a diferentes tamanhos de tela, desde smartphones até desktops. Neste vídeo, abordaremos os conceitos básicos das media queries, mostraremos exemplos práticos e compartilharemos as melhores práticas para tornar seu site verdadeiramente adaptável.
👉 Meu curso: curso.programacaoweb.com.br
🔥 Use o Cupom: 5PORCENTO
⏱ Neste vídeo:
00:00 - O que são media queries?
00:45 - Visão geral
02:10 - Tipos de Devices - screen, print e speech
04:20 - Determinando max-width e min-width
08:15 - Media Query do tipo Print (impressão)
10:45 - Media Query Orientation (orientação de tela)
14:10 - Fique atento ao posicionamento!
16:32 - Deixa seu like e se inscreve!
Principais tópicos abordados neste vídeo:
- O que são media queries e por que são importantes
- Sintaxe e estrutura de uma media query
- Exemplos práticos de como aplicar media queries
Se você é um designer web, desenvolvedor front-end ou alguém interessado em aprimorar a responsividade de seus sites, este vídeo é para você. Assista agora e comece a criar designs web deslumbrantes que se destacam em qualquer dispositivo!
#MediaQueries #DesignResponsivo #programacaoweb
⭐Torne-se Membro: youtube.com/@programacaoweb/join
Ao se tornar membro você recebe acesso a cursos exclusivos para membros - jQuery, Bootstrap 5, React Completo, PHP, Node JS.
🎓 Cursos Gratuitos:
Curso de HTML Completo 👉 • Curso HTML Completo (4...
Curso de CSS Completo 👉 • Curso CSS Completo (7 ...
Curso de JavaScript Completo 👉 • Curso Javascript Compl...
Curso de Sass para Iniciantes 👉 • Aprenda Sass em 25 Min...
Curso de Git e Github Para Iniciantes 👉 • Curso de Git e Github ...
Curso de React Para Iniciantes 👉 • Curso de React Para In...
Curso de TypeScript Para Iniciantes 👉 • Curso de TypeScript Pa...
Forte abraço!
30 июн 2024