Múltiplas Media Features com CSS - @Curso em Vídeo HTML5 e CSS3

[@willen010]

Se chegou até aqui, significa que as chances de você estar construindo sites em breve são altíssimas!! Tudo isso graças a esse conteúdo 100% gratuito do Professor Guanabara!!!

[@renatoorosco]

Vamos que vamos 🖖

[@mikaelalves4480]

Isso aí

[@GuilhermeAlves-gg4ic]

Bora bora

[@renanmacho]

Você já está construindo sites?

[@matheusdiedrichs]

Sim!

[@marvin1290]

parabéns p você que está persistindo no caminho

[@PatsFerrer]

Basicamente, para mudar a orientação (tela em pé ou deitada) os computadores vão pegar pela resolução de tela. Se a altura tiver maior que a largura, ele está como portrait (retrato). Se a largura tiver maior que a altura, ela tá como 'landscape' (paisagem). Para ficar mais fácil de entender e fixar, imagine vc tirando uma foto de uma PAISAGEM (landscape), vc tiraria foto com o celular DEITADO, certo? E se você tivesse tirando um retrato (tipo uma selfie), fica bem mais fácil com o celular em pé (portrait), certo? Acho que imaginando assim, pode ser que fique mais fácil de fixar. :D a configuração media="all" vai servir para todos os dispositivos, pois algumas configurações se repetem. media types sao escritos dentro das aspas normais de media=" " ex: media ="screen" tela media="print" impressora media="all" configurações gerais mas as media features são escritas dentro das aspas e dentro de (parênteses), logo após os media types. media="screen and (orientation: portrait)" Importante: media types nao tem parênteses, media features tem parênteses isoladamente, ou seja, se tivermos três media fetures, teremos 3 entre parênteses. link da apostila: github.com/gustavoguanabara/html-css/blob/fe6653ecdafa5b7275a5ecb4c36a8ca14f5043e7/aulas-pdf/25%20-%20Media%20Queries.pdf

[@ElevaTe.]

obrigado

[@aninha22ist61]

Muito obrigada, estava a muito tempo procurando as apostilas do módulo 4 e não achei de jeito nenhum, vim aqui só pra fazer um comentário engraçado e achei sua postagem, muito obrigada msm!

[@thisislaraa]

é muito bom ir aprendendo com calma e chegar nas aulas que explicam termos que pensei que nunca entenderia, que alívio e paz no coração! melhor prof do mundo!

[@gabrielmarcos9904]

Guanabara faço seus cursos e gosto d mais você é a minha inspiração!

[@MPENT12]

Muito obrigado pela aula professor!!!

[@renataguimaraes1410]

Realmente sinto que estou aprendendo a ser uma profissional. Vou fazer um curso de TI no Canadá e comecei a assistir o Guanabara para ver se eu ia gostar, ter uma ideia e conversei com uma pessoa que fez o curso que eu vou fazer e ela disse que não viu NADA de git e github no curso, que teve que aprender para trabalhar e teve um pouco de dificuldade. Obrigada professor pelas aulas disponibilizadas! Terminando esse curso irei para o JavaScript.

[@cassioqueirozpereira8447]

Obrigado, Gustavo!

[@gabrielgomesmabiala6707]

Ate hoje ficou admirado com a qualidade deste curso muito obrigado Guanabara

[@renatoorosco]

Parabéns para todos os gafanhotos e gafanhotas que assistiram todas as aulas desde o comecinho e chegaram até aqui! 🖖

[@miguelmorassuti3729]

Mais uma otima aula hein professor! Que Deus te abençõe sempre

[@deverik.]

Vamos que vamos

[@abioliver2250]

minha felicidade é gigante! Finalmente "Media Features"!

[@renatoorosco]

Idem!

[@aninha22ist61]

Meus gatos são PHD em virar a tela do meu notebook de cabeça para baixo ou para os lados, da primeira vez eu desesperei hj eu já decorei os comandos, eu precisei fazer curso de HTML e CSS pra aprender essas coisas, meus gatos fazem sem ter feito nenhum curso. Se quiser estagiários, pode contratar eles Guanabara! rs

[@semente.criativa]

Como é bom continuar o curso, sinto evolução.

[@berserk_jp]

O Professor só comentou agora mas todo aluno deve saber que trabalhar com mida para celular é mais do que essencial hoje em dia. Eu sempre estranhei por ele nao ter deixado mais claro, só levou uns anos haha

[@reuelsiIva]

Guanabara poderia falar a diferença de declarar css para body e html

[@Jack-ss4re]

Quem fez a intro de vocês foi o pessoal da Brainstorm Tutoriais? Achei bem parecido com a pegada deles

[@yagoviana4951]

Muito bom Guanabara

[@FabioJunio43]

Show!!

[@Familyhayzn]

muito obrigado

[@periclesperesoficial]

Mais uma ótima aula!

[@pricet.i4629]

#guanabara o melhor

[@toddynho_0139]

Excelente!

[@ex_script7091]

Nice!

[@FranciscoChitombi-xe6kg]

PARAR É MORRER, PERSISTÊNCIA, FOCO. VAMOS LONGE.

[@cabecinhasf8949]

raça absoluta, alem da conciencia, esse é o poder que beira a onipotencia

[@daniloczar]

quando saira o modulo 5?

[@renatoorosco]

up!

[@DevSamir-je7md]

Pega os ultimos conteudos para estudar o flexbox e Grid, depois isso vai estudar JavaScript, o modulo 5 vai demorar muito.

[@semente.criativa]

só Deus sabe🤣🤣

[@vitorac412]

Te vejo no proximo video

[@convenienciadigital1129]

Cade o mundo 04 de Python prof guanabara ???

[@gregoriobezerra1631]

Ainda estou no início do curso, então não sei se minha dúvida será respondida mais para frente, mas se puder responder... Posso utilizar Pytnho no lugar de JS para o desenvolvimento web?

[@ColapS0]

sim

[@user-bl4po5kv8d]

Até um certo tempo não era possível, até porque, para o desenvolvimento WEB ,você precisa entender que os navegadores sãos construidos de uma certa forma por fatores históricos - recomendo que veja o vídeo do Fabio Akita sobre front-end. Enfim, os navegadores tem uma Engine (motor) que interpreta um código, que é a linguagem JavaScript - veja o curso de JavaScript do CursoemVideo -, então ficaria impossível de usar outra linguagem a não ser JavaScript, mas surgiu ae PyScript. Mas não se engane, entenda o resto antes de mergulhar de vez no PyScript.

[@andrespears2]

Cade essas aulas para quem faz pelo site??? Parei em : Capítulo 24 Aula 10 - Select, datalist e textarea em HTML

[@guilhermesantos3301]

calma, demora um pouco para atualizar. Normalmente a equipe do Guanabara espera o capitulo finalizar para colocar no site tudo de uma vez.

[@koronacat]

9:10 pensei em outra coisa 😂

[@vitorbretz4806]

ja fiz curso pago de html e nao aprendi tanto como essé

[@lnely.2370]

algum de você está tendo acesso aos PDF desse capítulo e do capítulo anterior? Não aparece no repertório para mim

[@renatoorosco]

Ainda nao foi disponibilizado.

[@koronacat]

14:38 é isso que acontece com programadores depois de tantos anos programando 😂

[@gabrielmachado2019]

10:10 "kkkkkkkk feião em pé e deitado"

[@ChandlerBing-t3k]

Cara si for anotar tudo e melhor nem usar editor de codigo usa so o caderno mesmo 😂

[@caiotwguilherme4307]

Kkk

[@renatoorosco]

Anotar os pontos principais é sempre bom. Palavras-chave. Eu aprendo melhor assim. Mas cada um é cada um e aprende melhor de uma forma diferente.