Que feedback legal, Maurício. 🥹💙 Pode contar sempre com a gente, viu? É um prazer mergulhar com você nessa jornada. E se precisar de qualquer apoio com os estudos, pode nos chamar! 😉
Existem inúmeras resoluções de celulares, para cada uma delas o layout vai sofrer mudanças, sem falar, das sobreposições que acontecem, ou seja, você ajusta uma responsividade para uma tela, quando vai ajustar para outro dispositivo, desconfigura o que fez antes.
Eu tenho um Yoda igualzinho a ele! Comprei pra decoração do quarto do meu bebê, que era todo decorado com coisas do Star Wars (antes de voltar a ser modinha por conta de Disney)
Então basicamente, eu preciso abrir a condição ali no começo e depois ir alinhando tudo, de acordo com as classes que tenho no site, um por um, seguindo e olhando o modelo "mobile", certo?
Uma coisa que fico em dúvida, é normal algumas telas de celulares ficarem diferentes, as vezes cortadas? tem cel de largura menor que n fica legal... teria que fazer várias medias pra cada tipo de cel? Não é assim que vejo no curso, então queria entender melhor. Wuando tem figma só usam um número pra responsividade mobile. Só que não é todos os cels ficam bons. O que fica bom em um de 414px, não fica legal no de largura 360px por exemplo. Tem algo a mais que usa pra ficar perfeito de fato em todas as telas mobile?
Oi, Jonathan, tudo bem? Ao codificar páginas web, o ideal é que não hajam bugs ou problemas de layout, independente do tamanho de tela. Uma gama de tamanhos de tela que sugiro que o seu site seja responsivo seria de 360px a 2048px, que certamente já comporta a grande maioria dos usuários. O ideal é que a pessoa designer faça o design do mesmo site para diferentes tamanhos de tela (no figma, por exemplo), normalmente atendendo celulares, tablets e computadores. Então é comum ver um figma onde cada página do site tem três versões de tamanho dela, por exemplo: 360px, 768px e 1440px. E quanto aos tamanhos de tela superiores a 1440px ou que estão entre esses valores? Nesse caso, cabe a nós termos a habilidade de construir código HTML e CSS que se adapte bem a praticamente qualquer tamanho de tela, e isso envolve uma série de boas práticas, para além das media queries, como: evitar medidas absolutas e utilizar medidas que se adaptem ao tamanho da tela ou ao elemento pai; utilizar flexbox e grid para ajudar os elementos a se posicionarem de forma dinâmica; evitar definir larguras fixas; entre outras práticas. Espero ter ajudado!
Oie, Daniel! 🤗 O curso é esse aqui: www.alura.com.br/curso-online-html-css-praticando-html-css Se precisar de alguma ajuda durante seus estudos, pode nos chamar! 😉💙
➡Se interessou? Venha estudar a nossa formação de HTML e CSS para projetos web: www.alura.com.br/formacao-html-css
A Alura me surpreendeu demais. Achei uma das melhores plataformas para aprender programação. Gosto de usar muito para relembrar conceitos básicos.
Que feedback legal, Maurício. 🥹💙 Pode contar sempre com a gente, viu? É um prazer mergulhar com você nessa jornada. E se precisar de qualquer apoio com os estudos, pode nos chamar! 😉
simples e objetivo. Alura a melhor escola de Tecnologia.
A gente fica feliz demais com feedbacks como esse, Samuel! 🥰 Obrigada por mergulhar com a gente nessa jornada. 💙
Mais de 2 semanas quebrando a cabeça, para colocar uma tela de login responsiva, assistir seu video em menos de 15 minutos consegui. obrigado!!
Os cursos dessa instrutora são muito bons. Essa mina é braba dms
El é incrível, né?! A gente fica feliz demais em saber que curte os cursos. 🤿💙
Alura é a melhor plataforma de Tecnologia, 😊
Obrigada pelo reconhecimento, Angelo! É um prazer mergulhar no mundo da tecnologia com você! 💙
Excelente! Esse vídeo veio em um ótimo momento em que eu preciso justamente adaptar uma página para outros dispositivos
Que bom saber que te ajudamos, Higor! 🥰 Obrigada por nos acompanhar 💙 Pode contar com a gente!
Eu fiz esse curso. Muito bom. Ótima didática!
Que bom que curtiu, Alex ! Valeu pelo carinho 💙
Existem inúmeras resoluções de celulares, para cada uma delas o layout vai sofrer mudanças, sem falar, das sobreposições que acontecem, ou seja, você ajusta uma responsividade para uma tela, quando vai ajustar para outro dispositivo, desconfigura o que fez antes.
você pode fazer a mesma coisa incluindo todos os tipos de layout (ou a maioria deles).
putz, me ajudou d+ esse vídeo, aprendi umas técnicas que eu não sabia, vlwwwwwwwww
Que ótimo saber que te ajudamos, Kleber! 🤩 Obrigada por nos acompanhar, conta com a gente! 💙
Eu tenho um Yoda igualzinho a ele! Comprei pra decoração do quarto do meu bebê, que era todo decorado com coisas do Star Wars (antes de voltar a ser modinha por conta de Disney)
Mônica melhor instrutora😊❤️
Mônica é incrível mesmo! 💙
Sou fã da Moni!
A Moni é incrível mesmo 🤩💙
Sensacional
Ficamos felizes que esteja gostando, Fialhão 💙
The goat os back
Parabens pelo Português. Vamos "SE" aventurar.
Então basicamente, eu preciso abrir a condição ali no começo e depois ir alinhando tudo, de acordo com as classes que tenho no site, um por um, seguindo e olhando o modelo "mobile", certo?
por favor, tenho uma dúvida. É possível pegar um site feito no Canva e exportar um HTML dele? Preciso colocar a tag do Google e não consigo
Porque vc usa "vh" e "2em" ao inves de "%" e "px" ?
olha na documentação
Uma coisa que fico em dúvida, é normal algumas telas de celulares ficarem diferentes, as vezes cortadas? tem cel de largura menor que n fica legal... teria que fazer várias medias pra cada tipo de cel? Não é assim que vejo no curso, então queria entender melhor. Wuando tem figma só usam um número pra responsividade mobile. Só que não é todos os cels ficam bons. O que fica bom em um de 414px, não fica legal no de largura 360px por exemplo. Tem algo a mais que usa pra ficar perfeito de fato em todas as telas mobile?
Oi, Jonathan, tudo bem? Ao codificar páginas web, o ideal é que não hajam bugs ou problemas de layout, independente do tamanho de tela. Uma gama de tamanhos de tela que sugiro que o seu site seja responsivo seria de 360px a 2048px, que certamente já comporta a grande maioria dos usuários.
O ideal é que a pessoa designer faça o design do mesmo site para diferentes tamanhos de tela (no figma, por exemplo), normalmente atendendo celulares, tablets e computadores. Então é comum ver um figma onde cada página do site tem três versões de tamanho dela, por exemplo: 360px, 768px e 1440px.
E quanto aos tamanhos de tela superiores a 1440px ou que estão entre esses valores? Nesse caso, cabe a nós termos a habilidade de construir código HTML e CSS que se adapte bem a praticamente qualquer tamanho de tela, e isso envolve uma série de boas práticas, para além das media queries, como: evitar medidas absolutas e utilizar medidas que se adaptem ao tamanho da tela ou ao elemento pai; utilizar flexbox e grid para ajudar os elementos a se posicionarem de forma dinâmica; evitar definir larguras fixas; entre outras práticas.
Espero ter ajudado!
Alguém sabe onde eu acesso o curso para criar esse site do zero?
Oie, Daniel! 🤗 O curso é esse aqui: www.alura.com.br/curso-online-html-css-praticando-html-css
Se precisar de alguma ajuda durante seus estudos, pode nos chamar! 😉💙
Ela ensina bem. Só que ai já é pra quem tem uma boa base msm.
hundredth like