No video

CSS Responsivo: A importância e COMO FAZER.

  Рет қаралды 54,314

DevMedia

DevMedia

2 жыл бұрын

Responsividade é sempre um assunto que assusta muitos programadores web. Hoje viemos te explicar a necessidade de ter um site responsivo e como fazer um site responsivo através das media queries. Chega mais!
Ainda não conhece a DevMedia? Acesse: www.devmedia.c...
== Sigam-nos nas redes sociais:
LinkedIn: / devmedia
Facebook ➞ / devmedia.com.br
Twitter ➞ / devmedia
Instagram ➞ / devmedia.com.br

Пікірлер: 73
@felipemotaax
@felipemotaax 2 жыл бұрын
7:15 MOMENTO CODIGO RESPONSIVO :)
@nenroid
@nenroid Жыл бұрын
Valeu 👍
@hebertmonteiro8229
@hebertmonteiro8229 2 жыл бұрын
Muito bom o vídeo, Devmedia adiciona o conteúdo de "Grid".
@kayoaugustomaia7382
@kayoaugustomaia7382 2 жыл бұрын
Vídeo Excelente. Bem explicado, bem apresentado, seguindo uma curva confortável. Os conteúdos da plataforma poderiam seguir mais esse método. Abraço. Assinei a plataforma a dois meses e não me arrependi em nenhum momento.
@theflores999
@theflores999 2 жыл бұрын
estou estudando faz cerca de 1 mês, que estou focado, porém que leio documentos faz um tempinho e já tenho uma noção, html me garanto 80%, css mais ou menos, chega no momento que tenho que usar flexbox, grid e responsividade me fode, sofro muito com isso, só não pulei pra javascript pq não sinto segurança em css. espero um dia conseguir ser alguém na vida e um bom programador
@MelbyLaaW
@MelbyLaaW Жыл бұрын
tbm tenho receio com o flexbox, o grid e a responsividade como tá hj em dia? alguma dica ?
@theflores999
@theflores999 Жыл бұрын
@@MelbyLaaW cara eu fiquei consideravelmente bom em flexbox, comprei um curso e vi as aulas de grid, tenho uma base boa em grid só preciso praticar mais, js sei o basico do basico, mas to aprendendo sempre mais e mais mano só ter foco
@JoaoPedro-bn9bo
@JoaoPedro-bn9bo Жыл бұрын
​@@theflores999como tá agora?
@rmauto6273
@rmauto6273 7 ай бұрын
Eu peguei o básico de HTML e css, e passei a estudar JS. Hoje tô num nível bem legal em JS e indo pra um framework. Dps que eu passei a estudar JS, o HTML e css fluírem muito mais fácil. Pq vc deixa de fazer páginas estáticas. Você passa a ter interesse em fazer com que a página faça algo dinamicamente, e quando você se apaixona e aprofunda de verdade, vc sozinho vai querer entender como manda aquela informação ali pra um banco de dados.. como tu integra aquilo com um banco de dados.. é show dms
@HenriCasDiSilva
@HenriCasDiSilva 6 ай бұрын
​@@theflores999 E agora como vc tá hj em dia?
@joaobraz612
@joaobraz612 2 жыл бұрын
Show. Responsividade é o próximo passo pra meus sites ficarem mais apresentáveis.
@gamett1676
@gamett1676 2 жыл бұрын
Seria muito bom se na plataforma de vocês tivessem vídeos aulas assim
@natalirodriguesdasilva6312
@natalirodriguesdasilva6312 Жыл бұрын
não tem?
@cleytonrocha8324
@cleytonrocha8324 Жыл бұрын
@@natalirodriguesdasilva6312 Nao , mas é tudo mastigado.
@randerins
@randerins 2 жыл бұрын
Muito bom! Sempre tive uma certa insegurança quanto a media queries, mas esse video é bem simples e esclarecedor
@jsdeveloper.website
@jsdeveloper.website 2 жыл бұрын
muito bom o video, me ajudou, eu apanho muiiito com responsividade e flex-box, as vezes falta um detalhe que fode tudo, é um position que falta, o texto adapta e as divs não, as vezes adapta e não quebra, coisa que os mesmos cod de linhas de baixo iguais, funcionam e os da outra linha não funciona, em fim, um dia eu chego lá, no momento só consigo clonar sites e adapta-los.
@viniciuslino9932
@viniciuslino9932 Жыл бұрын
Apanho muito tbm em responsivo
@luizrobertocervelatijunior7923
@luizrobertocervelatijunior7923 Жыл бұрын
Um dos melhores canais e plataformas de estudos
@andersonnreis
@andersonnreis 2 жыл бұрын
essa parada de não saber usar o computador é real, tenho uma irmã bem nova e ela ficou chocada que da pra acessar os mesmos sites pelo pc também, teve um momento que fiquei observando ela achando que ela ia tocar na tela do notebook achando que era touch kkkkkk
@nderXP
@nderXP 2 жыл бұрын
Mais um vídeo de qualidade!
@hebertsilvas3488
@hebertsilvas3488 2 жыл бұрын
Esse finalzinho foi muito bom! Estagiário fazendo seu trabalho...
@kaaik_alex
@kaaik_alex Жыл бұрын
Cara a responsividade é ESSENCIAL em um site, exemplo de ressponvidade: Você tem um site só que varias pessoas que acessaram são mobile, e imagina, sem a responsividade o site fica bugado, da pra arrastar a tela para todos os lados. Um exemplo, aperte F12 e clique num icone que parece o celular ali no console, vai criar uma "aba" , e arraste-a para os lados e veja se tem a responsividade ou não outra coisa, a responsividade explicada em poucas palavras seria: Os ajustes de TODOS os elementos conforme o tamanho da tela!
@anonimus007_
@anonimus007_ Жыл бұрын
Finalmente vou conseguir fazer um site responsivo ou um modo mobile!
@maiagabriel-rj
@maiagabriel-rj Жыл бұрын
excelente video, me salvou legal na aplicação de um projeto pessoal !!
@caiomontenegro7368
@caiomontenegro7368 2 жыл бұрын
Poderia ter citado o mobile first, que ja é critério do Google pra ranking
@diogenesoliveira9211
@diogenesoliveira9211 2 жыл бұрын
Uma palavra, vcs sao fodas ! Parabens
@di_mz5154
@di_mz5154 2 жыл бұрын
sou front tbm os maiores desafios sao transformar paginas antigas em sites modernos responsivo
@victorO1162
@victorO1162 2 жыл бұрын
tamo aqui já 😂
@jorgeparreira4216
@jorgeparreira4216 2 жыл бұрын
Muito bom! Um abraço de Portugal!
@DomXtechnologies
@DomXtechnologies Жыл бұрын
vocês são demais!!
@Neoknax
@Neoknax 8 ай бұрын
Vídeo sruim demais, enronla muito
@wagnerfix
@wagnerfix 2 жыл бұрын
Bom vídeo... Mas percebi que no site da devmedia no iphone 11 (que é o meu caso) tem algumas partes quebradas... Vai ter que aplciar esse vídeo no próprio site... rs
@devmedia.oficial
@devmedia.oficial 2 жыл бұрын
obrigado por nos ajudar, pode deixar o link aqui pra já resolver ?
@simplydora2007
@simplydora2007 2 жыл бұрын
tem que colocar os codigos em todas as paginas pra funcionar?
@thafaelteixeira1562
@thafaelteixeira1562 2 жыл бұрын
Top o conteúdo!
@ander1909
@ander1909 2 жыл бұрын
Putz...'vai cebolinha' foi de f##de...hahahah xD Parabens pelo conteudo o/
@papamikebr
@papamikebr Жыл бұрын
Funcionou!!! Vlw, Vlw! 😁😁😁
@AugustoFernandesSuzano
@AugustoFernandesSuzano Жыл бұрын
Muito bom!
@micaelsantos3704
@micaelsantos3704 2 жыл бұрын
Mas só acho que, se o início foi levantado a questão mobile, por questão de facilidade e boa pratica, sua estrutura iniciar com a menor tela não seria mais lógico?
@IPosseidoN
@IPosseidoN 2 жыл бұрын
Já testou fazer isso?
@diogopereira1650
@diogopereira1650 2 жыл бұрын
famoso mobile first
@anarktv8098
@anarktv8098 2 жыл бұрын
acho que cada um pode selecionar a forma que achar melhor de trabalhar. Eu no caso, prefiro deveras utilizar max-width
@tanrosa
@tanrosa 10 ай бұрын
Valeu!!😊
@BrunoHenrique-wq6qs
@BrunoHenrique-wq6qs 2 жыл бұрын
legal amigos gostei
@cristaodeleona6048
@cristaodeleona6048 Жыл бұрын
Finalmente aprendi caraioooooooo
@lucasnunes6609
@lucasnunes6609 2 жыл бұрын
Pessoal, uma dúvida... Existe uma forma de fazer a responsividade na medida que você vai diminuindo uma janela, sem precisar definir uma largura fixa, tipo um auto?
@joaopedrobatista396
@joaopedrobatista396 Жыл бұрын
Tem o flexbox, mas dependendo da largura/altura, os itens ainda fiquem estranhos... Por isso talvez seja melhor usar as Media Query's
@PabloDoebber
@PabloDoebber 2 жыл бұрын
Muito bom o vídeo.
@devmedia.oficial
@devmedia.oficial 2 жыл бұрын
Agradecemos, Pablo!
@hiago1909
@hiago1909 2 жыл бұрын
Tenho duas dúvidas, tem algum limite de media query para usar na responsividade??? ou posso tacar 20 media query em uma pag kkkkkk, e tem um certo padrão entre os dev, para indicar a max/min-width???
@TOPUTOCAST
@TOPUTOCAST 9 ай бұрын
o thiago programa des do tempo do ENIAC
@vitoriamariaw
@vitoriamariaw 2 жыл бұрын
Massa!
@marcosjesus07
@marcosjesus07 2 жыл бұрын
é uma má prática colocar medias para diversas larguras e tamanhos ?
@marianamonteiro8353
@marianamonteiro8353 Жыл бұрын
Alguem sabe um curso bom pra responsividade pra dev front-end? Pq quando vou deixar responsivo fico em duvida com tamanho de imagens, padding, margin, unidades do css, etc
@djvirtualdopara5886
@djvirtualdopara5886 6 ай бұрын
Meu esta com esse problema
@thiagodarocha3296
@thiagodarocha3296 2 жыл бұрын
Fazer cara de mau ajuda o Css ficar melhor?? Kkkkkk grande abraço, obrigado pelo conteúdo
@pedrinho0947
@pedrinho0947 2 жыл бұрын
F pra que ta perdido no css
@carlosalbertonasserferreir9498
@carlosalbertonasserferreir9498 2 жыл бұрын
Eu faço com display: flex e media queries
@willianfernandes3331
@willianfernandes3331 2 жыл бұрын
O exemplo foi ótimo pra entender responsividade, mas só de usar % ou vw no width já resolvia para todos os dispositivos
@lorenzomartinez9733
@lorenzomartinez9733 2 жыл бұрын
Muito bom o vídeo, mas a qualidade do audio deixa a desejar um pouco. Recomendaria que vocês investissem em microfone de lapela como modelo Sony ECM-CS3. Uso ele e gosto bastante. Abraço e parabéns pelo sucesso.
@LuffyDevJS
@LuffyDevJS 9 ай бұрын
Dica de ouro: se for mobile e quer testar e não têm notebook, use o Acode Premium, se não tiver dinheiro pode piratear mesmo 😂, só não pegue vírus por favor, ele tem como regular escala e tamanho
@carrosseldepicasficadas1929
@carrosseldepicasficadas1929 2 жыл бұрын
A Devmedia faz App comercial?
@FernandoSantos-tv8bp
@FernandoSantos-tv8bp 2 жыл бұрын
Qual programa vocês usam para simular a responsividade no navegador?
@TheAwakeningMission
@TheAwakeningMission 2 жыл бұрын
Chrome dev tools. Não é um programa exatamente, é uma ferramenta do browser que você acessa com F12
@arcanjosanthiago
@arcanjosanthiago 2 жыл бұрын
Não é apenas uma exclusão digital..... Tenho conhecidos com iPhone novo e que não sabem usar o computador
@marinsfabio
@marinsfabio Жыл бұрын
Governo tem acesso a tudo que precisa e mesmo assim consegue ser um dos piores acessos via digital
@maranhense_22
@maranhense_22 Жыл бұрын
o video comeca aos 06:06
@wagnersillvaa
@wagnersillvaa 2 жыл бұрын
o que foi que o Erick disse aqui 9:01 ?? O home ta falando até Árabe
@MaisUmSomente
@MaisUmSomente 2 жыл бұрын
Quem sabe faz ao vivo. 09:13
@AdilsonGaspar92
@AdilsonGaspar92 2 жыл бұрын
arruma o footer de vcs que ta torto, no ipad some informação e usem o window resizer no chrome, alias deviam ensinar isso no curso.
@pauloandrade3192
@pauloandrade3192 2 жыл бұрын
Ainda bem que existe o bootstrap pra agilizar este processo chatinho heheheh
@matheusdalvino110
@matheusdalvino110 2 жыл бұрын
Evito ao máximo usar @media
APRENDA TUDO SOBRE MEDIA QUERY - COMO DEIXAR UM SITE RESPONSIVO
27:24
Matheus Battisti - Hora de Codar
Рет қаралды 58 М.
Como deixar um site responsivo - Portfólio com HTML e CSS - Pt. 08/08
29:06
Inteliogia - Dev's Insights
Рет қаралды 33 М.
No empty
00:35
Mamasoboliha
Рет қаралды 12 МЛН
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Brawl Stars
Рет қаралды 10 МЛН
Por que você PERDE TANTO TEMPO no CSS
8:31
DevMedia
Рет қаралды 78 М.
4 Tips To Succeed As A Self Taught Developer
11:08
Web Dev Simplified
Рет қаралды 32 М.
FLEXBOX CSS! Como posicionar elementos na página web - parte 1
20:34
Rafaella Ballerini
Рет қаралды 188 М.
5 simple tips to making responsive layouts the easy way
15:54
Kevin Powell
Рет қаралды 759 М.
CSS Responsivo na Prática 💻
5:28
DevMedia
Рет қаралды 17 М.
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 517 М.
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 428 М.
#ScriptFE: CSS FLEXBOX - Layout responsivo em 17 minutos
17:44
Násser Yousef Ali
Рет қаралды 38 М.