Media Queries e Breakpoints: o Básico e Fundamental
dpw dpw
26.5K subscribers
17,914 views
1.3K

 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/

show more

Share/Embed