Published On Feb 24, 2020
Veja sobre media queries e breakpoints para Web Design Responsivo. Você está mesmo usando todo o potencial de media queries?
⏱️ Timestamps
0:00 Intro
2:15 Media queries são media types
4:30 Media types
4:59 Media features
5:45 Sintaxe básica
7:25 Operadores lógicos
13:42 Dicas gerais
Existem 3 pilares para web design responsivo. Um deles é Media Queries.
Neste vídeo, vamos abordar o básico sobre media queries e breakpoints para Web Design Responsivo (RWD) e mostrar algumas coisas possíveis de se fazer. Será que você sabe está mesmo usando todo o potencial de media queries?
Você vai realmente saber o que são media types de CSS, media features, a sintaxa básica de media queries, ver operadores lógicos e conhecer dicas gerais para otimizar o uso de media queries nos seus projetos web.
Saber usar media queries para web design responsivo é fundamental no desenvolvimento web moderno. Já é hora de parar de chutar ou fingir que sabe o que está fazendo e realmente adquirir uma base sólida sobre media queries para RWD, não acha?
Então, assista a nosso vídeo com o básico sobre media queries e garanta que seu web design responsivo tenha uma base sólida ao usar cada media query em seu projeto de maneira consciente.
✏️ A maneira 100% correta de fazer breakpoints em CSS
https://desenvolvimentoparaweb.com/cs...
💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
/ discord
➡️ Artigo "Responsive Web Design", de Ethan Marcotte
https://alistapart.com/article/respon...
➡️ Lista de Media features
https://developer.mozilla.org/en-US/d...
➡️ AThe EMs have it: Proportional Media Queries FTW!
https://cloudfour.com/thinks/the-ems-...
✏️ Leia no blog "O básico sobre Media Queries": https://desenvolvimentoparaweb.com/cs...
==========
Assine o canal! http://bit.ly/dpw-youtube
- Facebook: / desenvolvweb
- Instagram: / desenvolvweb
- Twitter: / desenvolvweb
Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/