Тёмный

Menu Responsivo | HTML, CSS e JAVASCRIPT 

Larissa Kich
Подписаться 20 тыс.
Просмотров 87 тыс.
50% 1

Nesse vídeo eu mostro como fazer um MENU RESPONSIVO, usando HTML, CSS e JAVASCRIPT.
Link para as imagens e o código feito no vídeo:
github.com/Larissakich/menu_r...
INSTAGRAM: @lariikich

Наука

Опубликовано:

 

28 фев 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 280   
@camilaleutz5743
@camilaleutz5743 Год назад
A sua empolgação no decorrer do vídeo é ótima! E você explica muito bem viu? Ja fiz outras aplicações com os seus videos e você apareceu como sugestão novamente! Obrigada!
@jilmarsantos
@jilmarsantos 8 месяцев назад
Você foi fantástica explicando. Vou ficar por aqui, nesse canal. Continue com seus vídeos.
@MendelParadela
@MendelParadela Год назад
Nossa, que aula! Aliás, todas as suas explicações são muito boas, muito didáticas! Obrigado pelos ensinamentos!
@brunoserraoliveira
@brunoserraoliveira Год назад
Ficou muito massa parabéns , não estou no seu nível , mas só de entender toda a explicação fico muito feliz . Obrigado Larissa .
@eduardolaux9976
@eduardolaux9976 Год назад
SENSACIONAL! Adaptei pra minha página profissional e ficou lindo!
@alissontomazelli
@alissontomazelli 7 месяцев назад
Muito top. Obrigado por compartilhar.
@DavidSilva-cm4ni
@DavidSilva-cm4ni Год назад
Parabéns Larissa, ótimo conteúdo e bem objetivo. Você vai longe!! Ganhou mais um inscrito.
@user-of4sx8ym6k
@user-of4sx8ym6k 5 месяцев назад
Excelente aula! Mudei toda minha construção do site para se adequar a esse menu e deu super certo! Muuuito obrigado :D
@imnothenry.
@imnothenry. Год назад
Ao inves de fazer o uso da tag button, pode também usar a que economiza mais css, mas é besteira, belo tutorial
@eduardamanenti6301
@eduardamanenti6301 8 месяцев назад
Olá! Só passando para agradecer! Seu vídeo me ajudou.
@b.soares545
@b.soares545 10 месяцев назад
Adorei o vídeo, para quem ficou com dúvida assim como eu quanto a class .'open' criada no arquivo CSS, você colocou display: block dentro desta class .open, que foi o mesmo padrão estabelecido nas condições do @media screen para mobile quando o navegador quebrar para 730px, ele entra na div class. mobile-menu-icon, no html, que configura para display: block, assim como está estabelecido no arquivo style.css. Não sei se minha explicação está muito clara, mas foi isso que entendi da leitura do seu código. Continuei postando mais vídeos, ajudou muito.
@richardluis7976
@richardluis7976 11 месяцев назад
Mds, eu mal te conheço e já te amo, tu é incrivel mlk!
@planob9201
@planob9201 8 месяцев назад
Muito bom me ajudou bastante tava querendo fazer na "mao" e da forma que vc fez ficou show !!! Continua!!!
@larissamendes8026
@larissamendes8026 2 года назад
Parabéns lariiii amei de mais seus vídeos, não pare 💜
@larissakich
@larissakich 2 года назад
Aaaaa muito obrigada, isso me motiva muito ❤️
@drikaguedess
@drikaguedess 8 месяцев назад
Parabénss!! Eu testando esse menu de vários videos, só o seu funcionou!!! Ai Simmmm!!!!
@ramonbatalha8687
@ramonbatalha8687 2 года назад
Muito bom! Passei a tarde assistindo vídeos sobre menu responsivo e esse foi o que melhor que encontrei.
@larissakich
@larissakich 2 года назад
Que booom, fico feliz em conseguir ajudar 😊
@user-ox7nk6cb8j
@user-ox7nk6cb8j 6 месяцев назад
Muito bom , simples e direto ao ponto. Justo o que eu precisava
@paulojorge59
@paulojorge59 Год назад
video muito explicativo e muito bom de ver obrigado por trazer esse projecto para gente.
@hendrioevandro6578
@hendrioevandro6578 8 месяцев назад
Muito simples, Vlw pela ajuda.
@GeekMarim
@GeekMarim 9 месяцев назад
Didática envolvente, parabéns 👏🏼👏🏼👏🏼
@larissakich
@larissakich 8 месяцев назад
Muito obrigada 😄
@RomeritoCampos
@RomeritoCampos 7 месяцев назад
Parabéns! Excelente vídeo.
@joseluissantos1099
@joseluissantos1099 2 года назад
Muitos parabéns Larissa , você continuando assim chega longe 😝 Muito obrigado pelo vídeo 🥰
@larissakich
@larissakich 2 года назад
Muito obrigadaaa❤️❤️
@user-qi3mu6ys5b
@user-qi3mu6ys5b 9 месяцев назад
mano sem enrolação direta e linda parabens, ganhou mais um inscrito rsrsrsrsrsrsrsrsrsrsrsrrs
@brunovidal4043
@brunovidal4043 Год назад
Muito bom!! parabéns!
@LucasBSilva-nj9gu
@LucasBSilva-nj9gu Месяц назад
Boa didatica kkkk mesmo sendo modesta, estou usando como exemplo no meu projeto pessoal, agradeço o conhecimento. Parabéns!!!
@barezinho1421
@barezinho1421 Год назад
Parabéns com essas skills já pode se considerar uma DevJunior
@antonyalbuquerque7736
@antonyalbuquerque7736 2 месяца назад
Sou o Júnior do aprendiz 😢
@dionedomingues718
@dionedomingues718 2 месяца назад
Eu sou aprendiz do JR do aprendiz 😢
@gilvanfilho728
@gilvanfilho728 2 месяца назад
​​​@@dionedomingues718 Sou aprendiz do aprendiz do aprendiz do Jr😢
@JoaoTankz
@JoaoTankz Месяц назад
eu sou o Juninho dos juniors aprendiz dos juniors
@sabrinazimmerman5716
@sabrinazimmerman5716 2 месяца назад
bem basico, nada dificil demais, conteudo simples e bem explicado, parabens
@nicolasramalho3292
@nicolasramalho3292 8 месяцев назад
muito obrigado e parabens
@leandrolemes3342
@leandrolemes3342 6 месяцев назад
Parabéns Larissa, muito bom, você é excelente.
@tvpanoramalavrense
@tvpanoramalavrense Год назад
Parabéns, Larissa, pelo trabalho desenvolvido! Sucesso! Tens um futuro brilhante!
@larissakich
@larissakich Год назад
Muito obrigada! ☺️❤️
@DanielDantas-br
@DanielDantas-br Год назад
Parabéns, Larissa. Simples e objetivo.
@larissakich
@larissakich Год назад
Muito obrigada ❤️
@qualeosoftware
@qualeosoftware 2 года назад
Muito bom! Larissa. Adorei sua aula, Parabéns pelo o canal.
@larissakich
@larissakich 2 года назад
Muito obrigadaaa, que bom que gostou ☺️😄
@nandino
@nandino 2 года назад
Seus vídeos são muito bons, continue postando !
@larissakich
@larissakich 2 года назад
Muito obrigada 😊
@SuperMarcioSp
@SuperMarcioSp 2 месяца назад
Muito bom vídeo, Parabéns
@aabi2k
@aabi2k 10 месяцев назад
muito bom, gosto muito da tua didática
@joaovitoreds
@joaovitoreds 5 месяцев назад
Muito obrigado pela ajuda larissa!
@PauloBastospaulo_bastos
@PauloBastospaulo_bastos 4 месяца назад
Bom dia, boa tarde ou boa noite, Larissa! Em menos de 20 min ( e mesmo com sua pequena incerteza no final ), você esclareceu um problema que me atormentava há meses!! Parabéns pela aula! E agradeço pelo tempo em que se dispôs a criar e compartilhar esse conteúdo.
@larissakich
@larissakich 4 месяца назад
Muito obrigada 😊
@isaque5811
@isaque5811 3 месяца назад
Que problema? Só fiquei curioso pra aprender tbm
@PauloBastospaulo_bastos
@PauloBastospaulo_bastos 3 месяца назад
@@isaque5811 como era feito um menu responsivo. Assisti muitos vídeos no RU-vid e não entendia até assistir esse. Porque ele fez bem passo a passo.
@FMac-nd8ei
@FMac-nd8ei Год назад
muito bom incrível parabens
@erivaldoA
@erivaldoA Год назад
Obrigado Larissa Kich😎. O seu Script foi útil para mim.
@liraentretenimento2514
@liraentretenimento2514 Год назад
Zica da balada parabéns!
@marcosfonseca5247
@marcosfonseca5247 Год назад
Show... maravilha de explicação. Deus Abençoe!!! Me ajudou muito!
@larissakich
@larissakich Год назад
Muito obrigada, fico feliz em ter ajudado ❤️
@playtime987
@playtime987 Год назад
Parabens Lari, muito bom :) INSCRITO!!!
@larissakich
@larissakich Год назад
Muito obrigadaaa❤️
@coisasdofer6997
@coisasdofer6997 Год назад
ficou top! Parabéns! eu gostaria se possível que vc criasse um mini classificado de acordo com essa config desse vídeo!!!
@jilmarsantos
@jilmarsantos 8 месяцев назад
Vídeo assitido e executado, deixei lá no seu direct. Obrigado!
@ThiagoHenrique-pr3rg
@ThiagoHenrique-pr3rg Год назад
Salvou demais! Grato
@juniorkenmmasters
@juniorkenmmasters 2 месяца назад
Muito obrigado pela a aula meus parabéns sucesso aí pra ti \0/
@finasterquem5720
@finasterquem5720 3 месяца назад
Vlw Larissa me ajudou demais!!!!!!!!!!! Muito obrigado!
@joaoklaiven4385
@joaoklaiven4385 2 года назад
Top👏, muito boom 👏👏👏
@larissakich
@larissakich 2 года назад
Valeuuu 😄☺️
@joaoklaiven4385
@joaoklaiven4385 2 года назад
@@larissakich posso fazer uma sugestão? estou estudando html, css e js mas sempre fico na duvida de por onde devo começar e como começar
@santos-ed3dk
@santos-ed3dk Год назад
Ficou demais 👏👏👏👏
@larissakich
@larissakich Год назад
Muito obrigado 😁
@josecarlossilva7136
@josecarlossilva7136 2 года назад
Ótima explicação. Melhor impossível!
@larissakich
@larissakich 2 года назад
Muito obrigada, fico feliz que tenha gostado 😊
@gravastelo1498
@gravastelo1498 Год назад
Excelente
@moniquenavarro4131
@moniquenavarro4131 Год назад
Vc explicou muito bem, e foram bem claras as instruções, esse conteúdo foi muito legal! ❤
@larissakich
@larissakich Год назад
Muito obrigada 😊
@pablolimabahialima9382
@pablolimabahialima9382 8 месяцев назад
​@@larissakichei preciso de um profissional em css
@larissakich
@larissakich 8 месяцев назад
@@pablolimabahialima9382 oii, entre em contato comigo por esse email: larissakich04@gmail.com
@joiltonmelo
@joiltonmelo Год назад
Muito bom! obrigado! ♥
@wholetomy
@wholetomy Год назад
esse vídeo salvou a minha vida, obrigado
@moisesg.carlos9783
@moisesg.carlos9783 Год назад
perfeito, obrigado!
@user-yk3nu6md5e
@user-yk3nu6md5e 11 месяцев назад
vc explica muito bem..
@userUndefined404
@userUndefined404 2 года назад
Muito bacana, estou montando um time de desenvolvedores e eles estão engatilhado, vou compartilhar seu conteúdo pra eles vai ajudar muito.
@larissakich
@larissakich 2 года назад
Que show! Muito obrigada, espero que eu consiga ajudá-los 😊
@thegabrieles
@thegabrieles Год назад
Muito obrigada!
@davidvalones4489
@davidvalones4489 Год назад
gostei! Muito bem explicado e o meu deu certinho/igualzinho :D
@carlosalbertobritodesouza8843
excelente Tuto, estava alguns dias tendo dificuldade com o close menu, vi seu tuto, resolvi.
@larissakich
@larissakich Год назад
Fico muito feliz em te ajudar ❤️
@GustavoSantos-pc4iq
@GustavoSantos-pc4iq Год назад
Top Lari! Parabens.... Seria legal colocar agora o menu com sub itens tá?
@leobaestero8305
@leobaestero8305 10 месяцев назад
Inscrito, ótimo conteúdo só sabia fazer com bootstrap, me ajudou muito!
@mateusandrade5469
@mateusandrade5469 Год назад
Parabéns , Ótimo material!
@larissakich
@larissakich Год назад
Muito obrigadaaa!!☺️
@MTdiass
@MTdiass Год назад
vídeo top d+, parabéns!!
@larissakich
@larissakich Год назад
Muito obrigadaaaa 😄☺️
@viniciusaugustosilva7884
@viniciusaugustosilva7884 Год назад
Obg! Ajudou demais!
@MarcosHenrique-uh7nf
@MarcosHenrique-uh7nf Год назад
Muito Bom !
@frases.motivacionais2023
@frases.motivacionais2023 2 года назад
top didática muito boa !!!
@larissakich
@larissakich Год назад
Muito obrigadaaa ☺️
@leandropqd
@leandropqd Год назад
No caso do JS, a função toggle não seria melhor do que usar os if/else's ?
@frontenddanilo
@frontenddanilo Год назад
Video ficou muito bom me ajudou bastante obg
@eduardocapela9884
@eduardocapela9884 7 месяцев назад
Parabéns pelo video! O menu ficou excelente!! Estou adaptando para criar um template no wordpress com esse menu. Porém, o caminho para o arquivo svg precisa ser dinâmico. Sabe se é possível utilizar código php dentro do arquivo js? ou entao... fazer de alguma forma que o caminho do arquivo não fique dentro do arquivo js...
@fernandocalabria2029
@fernandocalabria2029 8 месяцев назад
Show de bola só tenho uma dúvida eu consigo fazer página web designer mas não consigo enviar as imagens da página como faço obrigado as imagens saem em branco
@mfrancisco
@mfrancisco 4 месяца назад
você é sensacional, eu queria usar um menu responsivo, porém, todos que eu fazia, ou achava na internet estava ficando complexos (muito code).. ai achei o seu, é simples, e muito compactado, eu peguei e editei algumas coisinhas pra ficar parecido com oque preciso... show de bola , obs: iniciei no mundo do html a 10 dias, acredito que estou indo bem, aprendendo super rápido as coisas.. (inclusive já arrisquei fazer um website pra uma empresa hihi)
@larissakich
@larissakich 4 месяца назад
Oii, fico muito feliz em ter te ajudado, muito sucesso na sua jornada ☺️
@jorgeteixeira9184
@jorgeteixeira9184 2 года назад
Que vídeo massa, muito bom, apesar de achar que não ficou muito bem explicadinho sim ahahahah Parabéns, ganhou um inscrito! :)
@larissakich
@larissakich 2 года назад
Siim, eu vou tentar explicar melhor nos próximos, vou fazer com mais calma kskskd 😊
@jorgeteixeira9184
@jorgeteixeira9184 2 года назад
@@larissakich oi, eu escrevi errado. Ficou super explicadinho, você disse no vídeo não achar que tinha ficado ahahahahahah
@larissakich
@larissakich 2 года назад
@@jorgeteixeira9184 entendii, você escreveu certo sim, eu confundi sksksk😅
@patriciodiniz5322
@patriciodiniz5322 2 года назад
Muito bom! hehe Ainda não manjo tanto assim, mas espero futuramente fazer um desse fácil assim. 😎🤝
@larissakich
@larissakich 2 года назад
No começo eu tive bastante dificuldade (ainda tenho), mas com o tempo você pega a prática, fico feliz que eu consiga te ajudar 😊
@luiggiabdiel9345
@luiggiabdiel9345 2 года назад
Muito bom, muito bom 👨‍💻
@larissakich
@larissakich 2 года назад
Muito obrigadaaa😊
@romulomagalhaes1895
@romulomagalhaes1895 Год назад
Simplesmente INCRÍVEL, seu conhecimento de front-end pelo que eu vi só nesse vídeo é muito vasto, faz até parecer fácil. Como você aprendeu HTML, CSS e JS?
@larissakich
@larissakich Год назад
Oii muito obrigadaa, eu fiz alguns cursos, indico bastante o b7web e os cursos da Alura
@esleyleal9385
@esleyleal9385 Год назад
@@larissakich Larissa , como posso entrar em contato contigo pra tirar algumas dúvidas , quando o assunto é responsividade acabo ficando um pouco fechado. Comprei o curso da B7Web também
@vicnogueira4525
@vicnogueira4525 11 месяцев назад
Vlw, vc ensina bem 👍🏻
@vitorc.araujo2433
@vitorc.araujo2433 День назад
nossa, muito bom pqp
@J.Thiag0
@J.Thiag0 Год назад
That's what i needed Thankyou !!!!!!!!!!!!!!!!! Vlw
@flayer2011
@flayer2011 2 года назад
sensacional!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@brunob2460
@brunob2460 2 года назад
Top demais!
@larissakich
@larissakich 2 года назад
Muito obrigadaaa☺️😄
@atlas_bhz4556
@atlas_bhz4556 2 года назад
Ótimo vídeo Larissa, vim aqui colar de você! lol Você disse ali sobre a unidade rem, por padrão 1rem = 16px, por que? porque por padrão o HTML vem setado com font-size = 16px. Caso você mude o valor padrão do HTML em rem tbm vai ser modificado. Suponha-se um HTML que vc mudou o font-size dele pra 20px, agora 1rem = 20px, trocando em míudos 1 rem = 1*(O tamanho da fonte do seu HTML). Muito Obrigado por compartilhar esse contéudo com a comunidade!
@larissakich
@larissakich 2 года назад
Muiito obrigada por compartilhar essas informações ❤️❤️
@brunosantanadev
@brunosantanadev Год назад
Era só definir um root { font-size: 16px} no css ou o valor que desejar e pronto 😁
@douglasmatos2134
@douglasmatos2134 9 месяцев назад
gostei muito do vídeo, estou iniciando na programação e o js esta sendo um pouco complicado de compreender algumas sintaxes, me perdi um pouco no css, pois não lembrava de cabeça as class que vc tinha colocado, acho q ficaria muitoooo melhor de coloca-se o live server no canto da tela e dividisse entre o live server e o vs code. Ia melhorar muito a compreensão e tbm poderia ficar fácil de uma pessoa q ainda menos experiencia q eu entender o que vc quer passar. Vídeo ficou muito bom parabéns! vou começar a companhas as dicas
@larissakich
@larissakich 9 месяцев назад
Oii, muito obrigada pelo feedback, comecei a fazer os vídeos só com a tela dividida agora
@Vitor_V8
@Vitor_V8 Год назад
muito bom parabéns
@larissakich
@larissakich Год назад
Muito obrigada ❤️
@ricardolima6156
@ricardolima6156 5 месяцев назад
Parabéns pelo conteúdo
@larissakich
@larissakich 5 месяцев назад
Muito obrigada 😄
@ronismicael6935
@ronismicael6935 Год назад
Muito bom
@flayer2011
@flayer2011 2 года назад
Parabéns top de maisssssssssssssssssssssssssssssssssss
@cortesverissimo
@cortesverissimo Год назад
Muito bom parabéns
@larissakich
@larissakich Год назад
Muito obrigadaaaa ☺️😄
@ericodesenvolvedor9618
@ericodesenvolvedor9618 2 года назад
Parabéns pelo video, ficou ótimo, pelas dicas e ótima explicação :)
@larissakich
@larissakich 2 года назад
Muito obrigadaaa, fico feliz que gostou ☺️
@ericodesenvolvedor9618
@ericodesenvolvedor9618 2 года назад
@@larissakich de nada :)
@cmservicossolucoes
@cmservicossolucoes Год назад
Parabéns, adaptando seu codigo ao meu projeto . 🤩
@larissakich
@larissakich Год назад
Muito obrigada ❤️
@patricksantos7145
@patricksantos7145 Год назад
muito bom, bem explicativo
@larissakich
@larissakich Год назад
Muito muito obrigada 😊
@cassiajamillyvenanciobarbo1074
eu to apaixonada no seu canal
@larissakich
@larissakich Год назад
Aaaaaa muito obrigadaaa ❤️
@sergiolima8449
@sergiolima8449 Год назад
Larissa ótima aula, uma dica seria usar "data atributos" para acessar o DOM no HTML para não usar os ID'S e as CLASS que são usadas no CSS e assim só olhando para código já sabemos que é um atributo usado no JS;
@eletrotech51
@eletrotech51 5 месяцев назад
E como ficaria usando esse método?
@DesenvolvendoJogos
@DesenvolvendoJogos 2 года назад
Muito bom!!
@larissakich
@larissakich 2 года назад
Muitooo obrigada ❤️❤️
@luisdomiciano
@luisdomiciano Год назад
Ótimo vídeo!
@larissakich
@larissakich Год назад
Muito obrigadaaaa 😁
@BlenoMartins
@BlenoMartins 2 года назад
Video top!!
@larissakich
@larissakich 2 года назад
Muito obrigadaaaa☺️☺️
@arifshakib8795
@arifshakib8795 Год назад
Superb video
@user-kk1rb7bg3x
@user-kk1rb7bg3x 20 дней назад
Show
@edsonjunior634
@edsonjunior634 Год назад
Obrigado S2
@jhuliosilva146
@jhuliosilva146 Год назад
Muito obrigado, ajudou muito. Ótimo vídeo❤
@larissakich
@larissakich Год назад
Eu que agradeço ❤️
Далее
Como criar um MENU PERSONALIZADO com HTML e CSS
23:14
Apple watch hidden camera
0:33
Просмотров 19 тыс.
Apple watch hidden camera
0:33
Просмотров 19 тыс.
Дени против умной колонки😁
0:40