Que demais Mayk, sua didática é a melhor que já até hoje nesse meio. Sucesso meu querido e obrigada por estar sempre postando conteúdo para nos ajudar. Bem que você poderia criar um curso de html, css e js aqui pro youtube (desvinculado da rocketseat), seria demais, melhor canal.
Muito bom e fácil na criação de pop up's. Valeu pela dica! Enfrentei um probleminha: Se colocar no seletor * limpa todos os espaços e margens, inclusive da tag dialog (não fica centralizada), usar margin: 0 e padding: 0 no elemento body do css.
Isso pode afetar outros elementos, a melhor opção seria criar um seletor dialog e setar margin: 0 e padding: 1em, que é o padrão pra essa tag. Assim vai centralizar normalmente com o showModal(). Fica a dica 😉
Mai noossa!!!! Já sofri horrores fazendo modal! Fantástico esse seu método! ❤ Vc salvou minha vida! Sem contar na outra dica maravilhosa do mapa mental! Show de bola! Gratidão 🙏 muito obrigada por compartilhar seus conhecimentos! Deus o abençoe sempre! Sucesso pra vc mestre! 👏👏👏🙌
Comecei a ver o vídeo sem muitas expectativas , e na metade do video eu já estava falando : - olha que delicinha esse metodo - Não acredito naquele pseudo elemento, esse efeito está muito delicinha Dica matadora, delicinha demais.
Oi Mayke já conhecia e seguia o Kevin sim, que legal, to te seguindo também pois seu trabalho é genial, que explicação clara, e objetiva, valeu muito a pena passar por aqui! Nota mil, não tinha visto esse conteudo antes, Obrigada!
mayk, isso ai eu achei muito foda, mandei pra todos os meus amigos fronts e todo mundo adorou, até por uma questão de acessibilidade essa tag dialog vai ajudar demais, sempre achei que deveria existir uma tag para isso
Mayk parabéns como sempre didática sem igual, quero propor parte 2 desse conteúdo fazendo teste e caso necessário integrando ajustes no que se refere a acessibilidade.. tanto eu como meu time já passamos muitos apuros quando se fala em modal e acessibilidade.
Descobri recentemente uma tag HTMl que faz algo parecido sem js que seria a nunca tinha visto alto desta, mas não cria um modal na verdade e sim uma algo como accordeon de um bootstrap
Com certeza merece o like 👍🏻. Sabe o que vou tentar?.. é fazer animação pra entrar com esse modal rs. Se tiver como dá animação de forma nativa, faz uma aula com isso. 👍🏻 Valeu 👍🏻
Tive um problema em coloca-la no wordpress ... Pois dentro dela tem um botão que abre a modal do próprio wordpress de seleção de mídia. O problema é que essa modal ficou por trás do dialog e eu não consegui trazer pra frente com o z-index. Sobre o vídeo, parabéns pela didática e pelo conteúdo
Muito bom, Mayk. Excelente dica, obrigado. Me inscrevi no canal. A única coisa chata é q meu navegador está dando q a propriedade box-shadow é inexistente, então não consigo mudar o efeito padrão do fundo. Não sei se é erro do meu S.O. (Ubuntu/Chrome), não testei em outro navegador pra ver. Mas enfim, de qualquer forma foi uma excelente dica, uma das melhores.
Um exemplo: Vamos supor que criei 5 cards produtos e dentro de cada card tem, imgProdut, titleProdut, priceProdut, bntProdutDetails e um bntBuy. Agora quando clicar em um bntProdutDetails aparece o detalhes deste produto... gostaria de um Video assim !
No aniversário da Rocketseat, quem ganha uma OFERTA EXCLUSIVA é você!
Descubra mais: rseat.in/3xHY1tCZY
em 9minutos, ele me fez entender o que fez em js, html e css. PERFEIÇÃO DE VIDEO!!!! Parabéns pelo excelente trabalho.
Sofri recentemente pra fazer um modal decente. A criação dessa tag vai facilitar a vida! Valeu pelo conteúdo, Maykão 🫡🚀🔥
existe lib pra isso, uma bem conhecida é essa aqui th-cam.com/video/hg66uftLsTQ/w-d-xo.html&ab_channel=MaykBrito
Melhor que essa nova tag é a sua explicação!! Sempre com conteúdo de altíssima qualidade!
Valeu BRUNÃO!
Nossa, salvou o rolê!!!! Muito obrigada!
Rapaz, seu aplicativo Fron-end Editor é simplesmente incrível. Parabéns pelo seu trabalho.
Que demais Mayk, sua didática é a melhor que já até hoje nesse meio. Sucesso meu querido e obrigada por estar sempre postando conteúdo para nos ajudar. Bem que você poderia criar um curso de html, css e js aqui pro youtube (desvinculado da rocketseat), seria demais, melhor canal.
Cara cq legal, nem imaginava q isso já tinha pronto dentro do CSS, eu sempre fiz TD na mão, bem legal
Muito bom e fácil na criação de pop up's. Valeu pela dica! Enfrentei um probleminha: Se colocar no seletor * limpa todos os espaços e margens, inclusive da tag dialog (não fica centralizada), usar margin: 0 e padding: 0 no elemento body do css.
Isso pode afetar outros elementos, a melhor opção seria criar um seletor dialog e setar margin: 0 e padding: 1em, que é o padrão pra essa tag. Assim vai centralizar normalmente com o showModal(). Fica a dica 😉
Esse moleque manda muito bem!! Você é foda meu camarada. Parabéns!!
Amei. Ótima explicação !
Explicação clara e sucinta, explicou cada parte do código, ficou muito claro pra mim, video excelenteeee!!!!
gosto da sua felicidade ao ensinar isso
Boa noite. Estou acompanhando os seus vídeos e estou gostando muito. Obrigado pelas dicas
Mano ainda nem assisti, mas só esse editor aí já valeu o like, a inscrição e o comentário.
Obg :)
Te adoro, vc é top! Obrigada pelos seus vídeos.
Cara, que loucura! Desenvolver com HTML5 e CSS hoje em dia é moleza! Obrigado pelo conteúdo!
Tmj Douglas!
Não fazia ideia dessa tag, tava fazendo tudo na mão. Obrigado pelo video
Muito bom, meu deus... Já me inscrevi!
Boa noite Mayk, fantástica essa tag, antes era realmente bem complexo e trabalhoso tanto o html quanto js. Muito boa a sua dica e sua aula parabéns.
Te conheci em um dos cursinhos da rocketseat de JS e acho que vc tem uma forma de ensino muito boa e dinamica Mayk! Parabéns! :)
Até que enfim achei algum Dev que usa mapa mental. Ajuda d+. Melhor tecnica que já usei
Valeu!
Cara, o tanto que esse video me ajudou não tá codado, valeu mesmo
Salvei seu vídeo e agora estou revisitando para inplementa em um projeto, Valeu maykão!
Adoorrrei, foi muito simples de entender... continua assim força, me salvou!
Q bacana ! Obrigado
Mai noossa!!!! Já sofri horrores fazendo modal! Fantástico esse seu método! ❤ Vc salvou minha vida! Sem contar na outra dica maravilhosa do mapa mental! Show de bola! Gratidão 🙏 muito obrigada por compartilhar seus conhecimentos! Deus o abençoe sempre! Sucesso pra vc mestre! 👏👏👏🙌
TOP D+.... Tenho 4 elementos na página e preciso criar um desse pra cada, vou tentar agora!
Comecei a ver o vídeo sem muitas expectativas , e na metade do video eu já estava falando :
- olha que delicinha esse metodo
- Não acredito naquele pseudo elemento, esse efeito está muito delicinha
Dica matadora, delicinha demais.
Tava sofrendo pra fazer um modal, até por ser um iniciante no front-end, seu vídeo ajudou DEMAIS cara.
Oi Mayke já conhecia e seguia o Kevin sim, que legal, to te seguindo também pois seu trabalho é genial, que explicação clara, e objetiva, valeu muito a pena passar por aqui! Nota mil, não tinha visto esse conteudo antes, Obrigada!
Continua nessa pegada legal conhecer essa TAG
shoow Felipe! Obg pelo comentário!
Muito dahora fazer isso dessa forma só para fins de conhecimento, só que é muitoooo mais fácil e rápido fazer com bootstrap ou bulma
É impressionante como as coisas vão ficando cada vez mais fáceis, otimizadas. Muito obrigado por compartilhar este conhecimento !
total! tmj!
Conteúdo sensacional como sempre, Maykão!
Conteúdo muito massa Maicão.
Veio no momento exacto.
chega de div nos modal, que top demais, essa implementação dessa tag
ufa né? finalmente eheh
Conteúdo simples e objetivo parabéns!!!
mayk, isso ai eu achei muito foda, mandei pra todos os meus amigos fronts e todo mundo adorou, até por uma questão de acessibilidade essa tag dialog vai ajudar demais, sempre achei que deveria existir uma tag para isso
Shoowwww demais Luiz 💛 Que massa que a galera curtiu!
Vídeo incrível, procurando sobre ideias para componentes usando streamlit Python
Minha nossa, adorei o vídeo por completo, não só o conteúdo como a maneira como você explica.
obg pelo comentário brother! espero continuar te ajudando nos próximos
Muito massa, ganhou um inscrito. Otima didática e excelente ideia o mapa mental.
Mayk parabéns como sempre didática sem igual, quero propor parte 2 desse conteúdo fazendo teste e caso necessário integrando ajustes no que se refere a acessibilidade.. tanto eu como meu time já passamos muitos apuros quando se fala em modal e acessibilidade.
Conteudo top, inscrito, joinha, sininho e comentando! Valeuu
Maykao fera demais!!!
valeu Alex!
Obrigado pela sua paciencia , estou aprendendo muito, #gratidao
Cara, tens uma didática diferente dos demais, fazes tudo parecer fácil...sempre assisto suas dicas!
Tmj
Muito útil... obrigadão pela aula, já me inscrevi :D
Muito top Maykao! Estou montando uma biblioteca de componentes UI open source, e quando chegar no dialog, com essas dicas, vai ficar tudo mais fácil!
opaa!! que massa isso Gus!! Brabíssimo!
Cara esse vídeo me ajudou muito, simples mas eficiente🎉
Maikão é sempre muito brabo! Um total deleite aprender com vc, man! Parabéns pelo seu trabalho!
Excelente conteúdo, parabéns continue assim.
Ganhou um inscrito!
Sensacional
Muito bom, parabéns!! Acabei de me inscrever.
Parabéns pela didática, Mayk! Mais um inscrito!!!
Brito na área!
Não entendo nada, só assisto pra matar a saudade!!!!!!
JOELZAUM!!! hahaah Sempre bom ter você por aqui amigo 😍
Caramba isso vai facilitar muito a minha vida! obrigada Mayk pelo excelente conteúdo
uhulll!! tmj 😍
O mundo TEC necessita de mais pessoas como vc! 😊
Muito bom essa forma de criar Modal, vai ser super fácil agora!!! 🚀
Simples e pratico, amei!
a partir de quando essa funcionalidade já estava disponível no HTML? n sabiaaa, muito show!
Excelente aula, não sabia que a tag dialog já estava liberada. Muito boa.
Excelente conteúdo!
Descobri recentemente uma tag HTMl que faz algo parecido sem js que seria a nunca tinha visto alto desta, mas não cria um modal na verdade e sim uma algo como accordeon de um bootstrap
Sim! Details é bem legal tbm
Caraca Mayk você é tão necessário!
Que conteúdo incrível ❤
Salvou muito
Mapas mentais é incrível tem me ajudado muito... dica incrível Mayk. Gratidão
Shooww!! Eu lembro quando aprendi sobre mapas mentais e passei em todas as matérias da faculdade por causa da técnica hehe É muito bom mesmo 💛
Não acredito que que eu não conhecia isso kkk Obrigado!!!!!
Sempre seguindo, 100000 likes sempre from Portugal. ♥ Mayk é fantástico!
Obg Luis ☺
Vídeo muito bem dinâmico, muito bom!
Que maravilhoso!!! Tomara que na nova versão do Bootstrap já implementei essa no lugar de todas aquelas divs heuaheha
Adeus modal do Bootstrap! Excelente vídeo!
Sensacional
Perfeito, cara. Simples e elegante, poxa, que funcionalidade incrível. Tornou muito mais fácil o trabalho de criar modais. Valeu maykão! 👏🚀
Monstro d mais
Show Maykão! Sauddes!!
Com certeza merece o like 👍🏻.
Sabe o que vou tentar?.. é fazer animação pra entrar com esse modal rs.
Se tiver como dá animação de forma nativa, faz uma aula com isso. 👍🏻
Valeu 👍🏻
Era o que tava faltando para o meu projeto! grato Mayk!!!
Aula rápida, pratica e objetiva! Maykão sempre o melhor!!!
Ótimo conteúdo. Obrigado ☺️😊
Show!!!
Nossa vai facilitar a vida🎉
Pô, muito mais prático. Maravilha.
Sensacional, cara! foi top
Muito bom!!!
Ta show !!
Parabéns
ce ta doido top demais kk
Q video top, viu! Obrigado, meu irmão!
Tmj 💛🤗
Podem continuar a partilhar conteúdo assim. Porquê as aulas que duram horas aborrecem.
🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯, top demais!!
Fantástico. Obrigado.
Tive um problema em coloca-la no wordpress ...
Pois dentro dela tem um botão que abre a modal do próprio wordpress de seleção de mídia.
O problema é que essa modal ficou por trás do dialog e eu não consegui trazer pra frente com o z-index.
Sobre o vídeo, parabéns pela didática e pelo conteúdo
A cada dia aparece uma tag HTML que eu não conhecia haha
Vdd kkk
Muito bom
Muito Top! Ajudou bastante!
Muito bom, Mayk. Excelente dica, obrigado. Me inscrevi no canal.
A única coisa chata é q meu navegador está dando q a propriedade box-shadow é inexistente, então não consigo mudar o efeito padrão do fundo. Não sei se é erro do meu S.O. (Ubuntu/Chrome), não testei em outro navegador pra ver. Mas enfim, de qualquer forma foi uma excelente dica, uma das melhores.
Um exemplo: Vamos supor que criei 5 cards produtos e dentro de cada card tem,
imgProdut, titleProdut, priceProdut, bntProdutDetails e um bntBuy.
Agora quando clicar em um bntProdutDetails aparece o detalhes deste produto...
gostaria de um Video assim !
Topp Mayk!
Top dms, valeu ajudou dms
Como sempre, arrasa!
Será que já está disponível em todos os navegadores?
Grato, Mano!
Sucesso sempre!
Vida longa ao canal!
Muito bom 👏👏