Obrigadaaaaaaa, tava batendo cabeça pra centralizar uma imagem num portfólio pessoal que estou criando (sou iniciante), me ajudou muito e matou minha frustração heheheh... Deus abençoe, gratidão
mt obrigado cara! eu precisava centralizar uma div usando media queries e nada do que eu tava fazendo funcionava até eu testar o justify, você me ajudou mt, de vdd.
Olá amigo, boa noite! Acabo de me inscrever no seu canal. Fiquei com uma dúvida: Pra que serve esse atributo dentro da tag style "contenteditable" ? Vi que vc está usando ele internamente e se fosse em um arquivo externo?
Opa, ela faz com que qualquer texto dentro de uma tag seja editável, é quase que fazer uma div virar um input por ex. (Se for usar isso no dia a dia é importante colocar os atributos de acessibilidade também)
@@DevSoutinho Bacana, fiz o teste aqui. Então é um recurso que muitos page-builder utiliza né? Agora só não sei como eles fazem pra salvar as infos, deve que usa JS né. Obrigado pelo feedback amigo!
Ótimo vídeo! Ainda uso alguns outros modos que uso pra centralizar, principalmente verticalmente... Uso esses que mencionou no vídeo e já usei tbm o parent com display table, sendo os filhos com table-cell, e tbm usando translate X e Y negativos com posição absoluta... Vídeo salvo nos favoritos com sucesso 👏🏻👏🏻👏🏻
Passei uns dias tentando descobrir o final do arco-íris de posicionamento de elementos em css e finalmente encontrei o tesouro!!! Vídeo espetacular meus parabéns ganhou um inscrito novo !!!🤩🤩🤩🤩🤩🤩🤩
Assim que aprendi Flexbox eu meio que abandonei as outras formas (por que não conseguia entender o comportamento dos elementos), mas pqp, agora que eu entendi realmente como eles se comportam, percebi que dá pra "mesclar" bastante os displays e fazer várias coisas, mt foda velho
amigo primeiramente parabens pelos videos, te desejo sucesso e prosperidade. Eu tenho loja na shopify e uso o tema SENSE, não se você conhece da shopify. Mas tenho tentado centralizar imagem e também excluir espaços em branco que não tem como minimizar nas configurações. So no CSS. poderia me ajudar?
Depois de trabalhar com Vuejs que criava um fallback de Flexbox pra Intertnet Explorer eu me viciei em centralizar tudo com display: flex. Mesmo se não precisasse de ser flex eu coloco só pra poder usar tudo que o align-items e o justify-content tem pra oferecer
Bom ponto, se o projeto que você trabalha precisa de uma compatibilidade mais antiga é complicado mesmo. Mas dependo do projeto da pra negociar isso ainda, criar umas regras do quanto precisa tá funcionando e tal
@@DevSoutinho Mas hoje em dia tem bastante coisa pra resolver problemas de compatibilidade, como nesse caso que já vem imbutido no Vuejs pelo CLI deles mas que é uma ferramenta a parte. Se não me engano é o AutoPrefixer do PostCSS que fazia isso, tinha pra CSS Grid apesar de não ser muito confiável o resultado final nos navegadores que precisassem do fallback.
Krl man, tu me salvou. Vi altos vídeos mas nenhum explicava com clareza e fazia as parada correndo, tu não. Explicou direitinho, valeu! Só mais uma dúvida, pq quando é absolute ele centraliza e quando é relative não?
Professor, como centralizo um elemento, dentro de um elemento centralizado? Por exemplo, centralizar um input, dentro de uma div centralizada com position.
#container { /*Esse aqui será a div pai, utilizando margin auto, padding, bottom, width, height para dar forma*/ } .nomedaclass { /*Essa aqui será a div filho, utilizando *margin* para centralizar, ou alinhar em relação ao texto... auto, padding, bottom, width, height etc... para dar o alinhamento necessário...*/ } tudo aqui... Fiz pelo celular... Mas repara no vídeo, ele é justamente sobre isso...
Em 99% dos casos eu display flex. Além dos comandos serem mais semânticos e simples de entender ele é melhor para outros tipos de posicionamento. Quanto tem mais de um elemento filho ou em outros alinhamentos.
e se eu quisesse centralizar o conteúdo de um botão? Estou tendo um probleminha porque um botão meu ocupa duas rows, consegui ajustar o tamanho do botão, mas o conteúdo dentro do botão não fica centralizado Saberia de uma forma?
Lembrem-se na parte do "position: absolute;" o elemento pai deve receber sempre o "position: relative;" caso contrário vai dar 💩kkkkkkk. Só para ajudar quem não entendeu direito.
Entrando lá vc pode pesquisar uma propriedade e ver a compatibilidade com base em vários navegadores com várias versões diferentes. É literalmente só pesquisar lá
Obrigadaaaaaaa, tava batendo cabeça pra centralizar uma imagem num portfólio pessoal que estou criando (sou iniciante), me ajudou muito e matou minha frustração heheheh... Deus abençoe, gratidão
Tamo junto!!!!
MUITO obrigado
Cara, você explica muito bem, você faz as pessoas aprenderem com facilidade é sensacional seu método.
Muuuuito obrigado ana!!! fico muito feliz de ler isso
🍓😍🍌🍦🥚🍦😍🍌
único que me ajudou, vlw
Vídeo massa!
mtooooo obg 4 anos depois e seu vídeo ajudou d++++++
Fico feliz!!!
Boa noite. Meu notebook é o Itautec Pentium Intel Inside. Prof. Dr. Vicente de Paula Mursci
Caralho... Salvou minha madrugada irmão!!!!!! Muito obrigado
O único vídeo que me ajudou em exatamente 2:10. Obrigada!
mt obrigado cara! eu precisava centralizar uma div usando media queries e nada do que eu tava fazendo funcionava até eu testar o justify, você me ajudou mt, de vdd.
Muito masa mano! Parabéns pelo canal e pela qualidade dos vídeos !!!!
Cara muitissímo obrigado! Fico feliz de ajudar \o
Essa terceira opção me salvou demais.
Muito massaaaaaaa mano! Parabéns pelo canal e pela qualidade dos vídeos !!!!
Aaaaaaaaaa valeuzao \o/ fica que nas próximas semana tem mais hahahah
Ajudou muito, e a explicação elimina qualquer dúvida...
A tag center não é mais usada?
mano esse cara, sem palavras I LOVE YOU.
TMJ!!!
Opa, fala Soutinho!
Acompanho você através dos podcast do hipster e agora pelo youtube.
Obrigado por compartilhar conhecimento!
Abraço
Que massa!!!! Po brigadão, espero que curta os vídeos aqui no canal, em breve vou chamar o Paulo pra um vídeo também ahhaah
Você é demais, descomplica com humor e conhecimento. Parabéns pelo vídeo. Top, Top, Top.
O display: flex; é o modo mais simples para mim que estou apredendo.
Obrigado pelo vídeo!
Mas pra formulário ele é ruím pra fzr, pq no celular não vai quebrar, e as páginas não vão ficar certas
show me ajudou de mais com as margens
Olá amigo, boa noite!
Acabo de me inscrever no seu canal.
Fiquei com uma dúvida:
Pra que serve esse atributo dentro da tag style "contenteditable" ? Vi que vc está usando ele internamente e se fosse em um arquivo externo?
Opa, ela faz com que qualquer texto dentro de uma tag seja editável, é quase que fazer uma div virar um input por ex. (Se for usar isso no dia a dia é importante colocar os atributos de acessibilidade também)
@@DevSoutinho Bacana, fiz o teste aqui.
Então é um recurso que muitos page-builder utiliza né? Agora só não sei como eles fazem pra salvar as infos, deve que usa JS né.
Obrigado pelo feedback amigo!
Como vc fez a caixa cinza?
salvou minha vida, muito obrigada!!!!
😍😍😍😍 tamo junto \oo
Cara curti de mais esse vídeo, manda mas dicas dessas. Isso salva vidas, principalmente a minha que to começando. kkkkkkkkkkkkk
Opaaaa, cara faz uma tour no canal de JavaScript tem bastante de CSS eu to me organizando pra trazer mais :)
Vc podia fazer um video explorando a tag
Ótimo vídeo! Ainda uso alguns outros modos que uso pra centralizar, principalmente verticalmente... Uso esses que mencionou no vídeo e já usei tbm o parent com display table, sendo os filhos com table-cell, e tbm usando translate X e Y negativos com posição absoluta... Vídeo salvo nos favoritos com sucesso 👏🏻👏🏻👏🏻
Hehehe você colaborou legal com o vídeo, valeu pelo comentário. Quem ler ele já vai ver outras formas :)
Passei uns dias tentando descobrir o final do arco-íris de posicionamento de elementos em css e finalmente encontrei o tesouro!!!
Vídeo espetacular meus parabéns ganhou um inscrito novo !!!🤩🤩🤩🤩🤩🤩🤩
Aula excelente, Mario. Muito obrigada!
Aeeeee, valeuzao!!! E eu ti dei aula na Caelum né?
@@DevSoutinho Sim, Mario. Na primeira turma de React e React Native. 💪🏻
Assim que aprendi Flexbox eu meio que abandonei as outras formas (por que não conseguia entender o comportamento dos elementos), mas pqp, agora que eu entendi realmente como eles se comportam, percebi que dá pra "mesclar" bastante os displays e fazer várias coisas, mt foda velho
Boooa!!!! É um conhecimento libertador, poder ir combando as coisas resolve vários sonhos dos designers que seriam pesadelos pro Front haha
amigo primeiramente parabens pelos videos, te desejo sucesso e prosperidade. Eu tenho loja na shopify e uso o tema SENSE, não se você conhece da shopify. Mas tenho tentado centralizar imagem e também excluir espaços em branco que não tem como minimizar nas configurações. So no CSS. poderia me ajudar?
Puts, eu manjo pouco de Shopify, mas no suporte deles eles n conseguem dar um norte nisso? 🤔
Depois de trabalhar com Vuejs que criava um fallback de Flexbox pra Intertnet Explorer eu me viciei em centralizar tudo com display: flex. Mesmo se não precisasse de ser flex eu coloco só pra poder usar tudo que o align-items e o justify-content tem pra oferecer
Bom ponto, se o projeto que você trabalha precisa de uma compatibilidade mais antiga é complicado mesmo. Mas dependo do projeto da pra negociar isso ainda, criar umas regras do quanto precisa tá funcionando e tal
@@DevSoutinho Mas hoje em dia tem bastante coisa pra resolver problemas de compatibilidade, como nesse caso que já vem imbutido no Vuejs pelo CLI deles mas que é uma ferramenta a parte. Se não me engano é o AutoPrefixer do PostCSS que fazia isso, tinha pra CSS Grid apesar de não ser muito confiável o resultado final nos navegadores que precisassem do fallback.
Krl man, tu me salvou. Vi altos vídeos mas nenhum explicava com clareza e fazia as parada correndo, tu não. Explicou direitinho, valeu! Só mais uma dúvida, pq quando é absolute ele centraliza e quando é relative não?
Cara brigadao
O cara é muito bom, não tem como. Parabens
Professor, como centralizo um elemento, dentro de um elemento centralizado?
Por exemplo, centralizar um input, dentro de uma div centralizada com position.
#container {
/*Esse aqui será a div pai, utilizando margin auto, padding, bottom, width, height para dar forma*/
}
.nomedaclass {
/*Essa aqui será a div filho, utilizando *margin* para centralizar, ou alinhar em relação ao texto... auto, padding, bottom, width, height etc... para dar o alinhamento necessário...*/
}
tudo aqui...
Fiz pelo celular... Mas repara no vídeo, ele é justamente sobre isso...
isso serve para centralizar video ? e flexibilizar ele ?
sim!
daora, mano. tem como aumentar um pouco a fonte do editor? isso ta pegando um pouco nos videos que vi até agora. valeu pelo conteúdo!
Cara eu vacilei nisso em vários vídeos :( agora ta no checklist e to tentando lembrar sempre!
@@DevSoutinho boa. de qualquer forma é bem massa sua didática.
um sugestão de video: refactoring em js.
abraço
D1.3 - start maratona do canal;
Que vídeo incrível
Vaaaleu 😍
você salvou a minha vida! s2 :D
Tamo junto /o
Por mais vídeos como esses 👏🏻👏🏻👏🏻
Curtido e inscrito, manow ql esse editor? mto top""!!!
OpAA é o visual studio code 😍
Obrigada pelo vídeooo, muito bom!
Tmj!!!
Tsx e react da no mesmo?
Ótima explicação, agora vou parar de mexer só em código e enfrentar mais o css. kkkk
Haaaa CSS é código puro 👀
@@DevSoutinho Tem razão, acho que estou menosprezando muito o CSS XD
ANJO!
ajudou demais
De nada \oo
Ótimo video, bom trabalho, faz mais videos de css e videos de react seria interessante tbm.
Cara fica de olho que nas próximas semanas o React vai cair de prato cheio aqui haha
Massa, vou aplicar isso amanhã
Me fala se deu certo 👀
Deu sim, valeeu :D
Vídeo excelente 👌
Vaaleu!!!
Em 99% dos casos eu display flex. Além dos comandos serem mais semânticos e simples de entender ele é melhor para outros tipos de posicionamento. Quanto tem mais de um elemento filho ou em outros alinhamentos.
like, me ajudou muito
Que ótimo saber!!!
ótimo vídeo
MEUITO OBG AJUDOU MUITO +1 INSCRITO E +1 LIKE
Muito bom professor! 🙏😃
maravilha de vídeo!
Opa! Muito obrigado 😁
Que vídeo maravilhoso!!!!
perfeito muito bom
Obrigada pela aula
e se eu quisesse centralizar o conteúdo de um botão? Estou tendo um probleminha porque um botão meu ocupa duas rows, consegui ajustar o tamanho do botão, mas o conteúdo dentro do botão não fica centralizado
Saberia de uma forma?
Você pode usar o display flex, na tag botão.
Vlw irmão
Resolução do problema, minuto 9:8
5:10 Método flexbox
hahah boa!
bom demais
Serve pra centralizar um video?
eu te amo
Lembrem-se na parte do "position: absolute;" o elemento pai deve receber sempre o "position: relative;" caso contrário vai dar 💩kkkkkkk.
Só para ajudar quem não entendeu direito.
Boa!!! Valeu pelo comentário
Show
muito bom!!!!
Sick!
preciso de ajuda com o html, alguém me ajude?
Meu Deus! Continuo minha busca por alguém que explique isso direito, não foi dessa vez...
Como funciona o Can I Use ?
Entrando lá vc pode pesquisar uma propriedade e ver a compatibilidade com base em vários navegadores com várias versões diferentes. É literalmente só pesquisar lá
Like like like
Valeu valeu valeu hahahau
Boa (;
\o/
thx!!!!
Showw!
Vaaaleu!
@@DevSoutinho aguardando o segundo episódio
Alguém tem interesse em fazer um projeto? Não manjo de JS, mas tenho noções de HTML e CSS
Como eu vim parar aqui? Tô chapado kkķkkk mas me expliquem oq é isso
não sei se é pq eu sou iniciante
mas eu fiquei mais confusa vendo esse vídeo do que já estava
vou rever momentos depois
Tenta rever com calma e escrevendo o código na sua máquina e fazendo os seus testes, ajuda bastante!