Quanto a fazer o design, eu acho que tanto faz. Sobre o CSS: Eu também preferia desktop por ficar mais tempo no desktop. Mas muita coisa já fica da forma correta para o mobile por padrão hoje em dia. Já sendo responsivo e não precisando de muito ajuste mais tarde, eu testei isso e notei que evito muito código desnecessário fazendo mobile first. Usando o mobile first eu não precisava reescrever nada que já estava lá por padrão. Se você entender um pouquinho de inglês eu recomendo o vídeo "Are you writing responsive CSS the wrong way?" do Kevin Powell que é um dos melhores educadores de CSS do TH-cam. Nesse vídeo ele explica com detalhes e exemplos que acontecem nos sites comuns isso que expliquei agora.
continuo aprendendo a usar melhor as medias, por exemplo, eu só consegui usa-las bem as fazendo assim: @media only screen and (min-width:281px) and (max-width: 362px), aí conforme aumentava eu trocava tipo assim: (min-width:363px) and (max-width: 400px) (min-width:401px) and (max-width: 600px) (min-width:601px) and (max-width: 768px) (min-width:769px) and (max-width: 992px) (min-width:993px) and (max-width: 1200px) (max-width: 1200px) assim, eu sei que tem muitas, mas eu tentei fazer do jeito do video(e eu ñ entendia ainda como funciona) mas não deu certo, de início as coisas até que iam bem, mas depois que tinha muito elemento na tela, por algum motivo parecia que as coisas quebravam ou paravam de funcionar, a hierarquias das coisas quebravam e eu ficava perdido, é claro q é pq ainda sou um iniciante, mas como eu ja tinha um prazo de entrega eu tive que me virar, e deu certo até, mas creio que poderia ser melhor kkkk
me tira uma duvida, eu coloco, 1366px e 1920px, coloquei max nos dois mas quando o inspecionar mostra a tela com 1366 no maximo o css fica como se estivesse usando as duas resoluções ao mesmo tempo ou seja no inspecionar elemento aparece @media e os dois formatos, ai quando passo de 1366 de tela o formato fica só em 1920px
To doido pra fazer o curso da DevMedia, mas, meu EAD tá puxado, coisa pra caramba pra ler que fico com medo de começar o curso e não dar conta de absorver o conteúdo do jeito que eu quero, por outro lado fico com medo de começar a aprender tarde demais devido já ter 35 anos e demorar a ingressar nessa nova transição de carreira. Queria um conselho bacana de pessoas experientes pra eu poder ter um rumo certo. 😔
A faculdade vai te dar uma base teórica importante. Mas nao vai te ensinar a programar. Só com a teoria vc nao consegue entrar no mercado. Mas se vc souber programar bem, mesmo que vc nao tenha a faculdade vc consegue emprego. Entao o que vc precisa é ver o que é importante pra vc e tomar essa decisão.
concordo em partes com o Joca! a faculdade só vai te dar uma base rasa entretanto ela vai te ajudar muito a conseguir um estágio na área, experiência própria! se você sair dela você teria que entrar como júnior, e para entrar como júnior a maioria pede experiência. minha dica é que você faça um portfólio hospede alguns sites e projetos, tenha um GitHub bacana e você irá conseguir um estágio! é sempre bom estudar por fazendo alguns cursos, tem diversos no TH-cam.
eu só acho que deveria haver um código em porcentagem e aposentar isso de media queries.. deveria fazer um resize de tags de texto, de imagens e de posição de imagens.
Olá! hein, não deu certo comigo. Fiz igual ao de vocês, mas não deu certo. Aparentemente, o problema se encontra na parte de quando vocês escrevem (max-widht: ...) depois do @media fica azul, no entanto o meu não fica. Será se é esse o problema?
Esse formato é muito bom , parabéns Erick ,faz um sobre SEO , boas práticas no html , meta tags , keywords , etc
que legal,gostei do novo quadro🤩
Valeu, Black cat!
Muito bacana esse formato, as vezes quem está iniciando esquece de como essa responsividade funciona, ai vem a DevMedia e refresca a memória.
Sabe muito esse Eric!!!
Devo Fazer o Mobile First? Pois Tenho facilidade com o Desktop First Hj Depois de praticar horas e horas por dia só responsividade eu acho simples.
Se você se sente mais seguro, é uma opção!
Quanto a fazer o design, eu acho que tanto faz.
Sobre o CSS:
Eu também preferia desktop por ficar mais tempo no desktop.
Mas muita coisa já fica da forma correta para o mobile por padrão hoje em dia. Já sendo responsivo e não precisando de muito ajuste mais tarde, eu testei isso e notei que evito muito código desnecessário fazendo mobile first.
Usando o mobile first eu não precisava reescrever nada que já estava lá por padrão.
Se você entender um pouquinho de inglês eu recomendo o vídeo "Are you writing responsive CSS the wrong way?" do Kevin Powell que é um dos melhores educadores de CSS do TH-cam. Nesse vídeo ele explica com detalhes e exemplos que acontecem nos sites comuns isso que expliquei agora.
Excelente esse formato!
Bah. Finalmente entendi e em 5 min de vídeo. To tentando entender até agora em outros vídeos de 30 min e nada.... Muito Obrigado! Tu é fera.
Parabéns
Muito bom Erick. Por mais vídeos como esse 💪
Parabéns pelo conteúdo DevMedia estou empacado nesse lance de responsivo e esse video vai me ajudar muito
U BEST!!!
Boa garoto;
VC ME SALVOU! EU NÃO SABIA NUMEROS DE PIXELS BONS PARA COLOCAR, VENDO ESSE VIDEO EU CONSEGUI MELHORAR, OBG!!!!!!!
Ficou muito bom .
continuo aprendendo a usar melhor as medias, por exemplo, eu só consegui usa-las bem as fazendo assim: @media only screen and (min-width:281px) and (max-width: 362px), aí conforme aumentava eu trocava tipo assim:
(min-width:363px) and (max-width: 400px)
(min-width:401px) and (max-width: 600px)
(min-width:601px) and (max-width: 768px)
(min-width:769px) and (max-width: 992px)
(min-width:993px) and (max-width: 1200px)
(max-width: 1200px)
assim, eu sei que tem muitas, mas eu tentei fazer do jeito do video(e eu ñ entendia ainda como funciona) mas não deu certo, de início as coisas até que iam bem, mas depois que tinha muito elemento na tela, por algum motivo parecia que as coisas quebravam ou paravam de funcionar, a hierarquias das coisas quebravam e eu ficava perdido, é claro q é pq ainda sou um iniciante, mas como eu ja tinha um prazo de entrega eu tive que me virar, e deu certo até, mas creio que poderia ser melhor kkkk
THANKS ALOT MA MAN IT WORKED FOR ME SURE T
You're Welcome, Bro! 🤜🤛
Muito bem explicado
Ima download it thanks for sharing!!
Ótimo vídeo, parabéns pela equipe!!
Thank youuu so much!!!
You're Welcome! 🤜🤛
me tira uma duvida, eu coloco, 1366px e 1920px, coloquei max nos dois mas quando o inspecionar mostra a tela com 1366 no maximo o css fica como se estivesse usando as duas resoluções ao mesmo tempo ou seja no inspecionar elemento aparece @media e os dois formatos, ai quando passo de 1366 de tela o formato fica só em 1920px
Bom dms, entendi bem
Muito obrigado man 😊
This is the best free software Ive seen. Respect.
To doido pra fazer o curso da DevMedia, mas, meu EAD tá puxado, coisa pra caramba pra ler que fico com medo de começar o curso e não dar conta de absorver o conteúdo do jeito que eu quero, por outro lado fico com medo de começar a aprender tarde demais devido já ter 35 anos e demorar a ingressar nessa nova transição de carreira. Queria um conselho bacana de pessoas experientes pra eu poder ter um rumo certo. 😔
A faculdade vai te dar uma base teórica importante. Mas nao vai te ensinar a programar. Só com a teoria vc nao consegue entrar no mercado. Mas se vc souber programar bem, mesmo que vc nao tenha a faculdade vc consegue emprego. Entao o que vc precisa é ver o que é importante pra vc e tomar essa decisão.
concordo em partes com o Joca!
a faculdade só vai te dar uma base rasa entretanto ela vai te ajudar muito a conseguir um estágio na área, experiência própria!
se você sair dela você teria que entrar como júnior, e para entrar como júnior a maioria pede experiência.
minha dica é que você faça um portfólio hospede alguns sites e projetos, tenha um GitHub bacana e você irá conseguir um estágio!
é sempre bom estudar por fazendo alguns cursos, tem diversos no TH-cam.
Faz média query do javascript também, MT show o vídeo
Agreed. All the others just turn your brain upside down. Nice tutorials is simple.
essas caixinhas responsível da uma dor de cabeça pois se não souber fazer, quebra a página toda
eu só acho que deveria haver um código em porcentagem e aposentar isso de media queries.. deveria fazer um resize de tags de texto, de imagens e de posição de imagens.
👀
BRABO
F douze é ótimo, o mesmo caso do n fantasma do muito. 😆
Nao mostrou como fazemos para deixar da primeira forma de exibição do video
Amigo, como colocar um slider num box desses?
Salve, 2 meses travado no Html ajuda ai Erick kkkkkkkk
Fala aí, Agostinho. Tudo beleza?
Claro que eu ajudo. Hehe
Em que você está travado?
Ajuda o homem, Eric!
Como colocar altura automatica no css?
Olá! hein, não deu certo comigo. Fiz igual ao de vocês, mas não deu certo. Aparentemente, o problema se encontra na parte de quando vocês escrevem (max-widht: ...) depois do @media fica azul, no entanto o meu não fica. Será se é esse o problema?
😁
parabensss!!
Valeu, Tone!