Menu Responsivo | HTML, CSS e JAVASCRIPT

Поділитися
Вставка
  • Опубліковано 28 лют 2022
  • 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
  • Наука та технологія

КОМЕНТАРІ • 286

  • @camilaleutz5743
    @camilaleutz5743 Рік тому +3

    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 9 місяців тому +2

    Você foi fantástica explicando. Vou ficar por aqui, nesse canal. Continue com seus vídeos.

  • @eduardolaux9976
    @eduardolaux9976 2 роки тому +6

    SENSACIONAL! Adaptei pra minha página profissional e ficou lindo!

  • @MendelParadela
    @MendelParadela Рік тому +10

    Nossa, que aula! Aliás, todas as suas explicações são muito boas, muito didáticas! Obrigado pelos ensinamentos!

  • @brunoserraoliveira
    @brunoserraoliveira Рік тому +4

    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 .

  • @DavidSilva-cm4ni
    @DavidSilva-cm4ni Рік тому +1

    Parabéns Larissa, ótimo conteúdo e bem objetivo. Você vai longe!! Ganhou mais um inscrito.

  • @lmsdevop
    @lmsdevop 7 місяців тому

    Excelente aula! Mudei toda minha construção do site para se adequar a esse menu e deu super certo! Muuuito obrigado :D

  • @ramonbatalha8687
    @ramonbatalha8687 2 роки тому +1

    Muito bom! Passei a tarde assistindo vídeos sobre menu responsivo e esse foi o que melhor que encontrei.

    • @larissakich
      @larissakich  2 роки тому +3

      Que booom, fico feliz em conseguir ajudar 😊

  • @larissamendes8026
    @larissamendes8026 2 роки тому +1

    Parabéns lariiii amei de mais seus vídeos, não pare 💜

    • @larissakich
      @larissakich  2 роки тому

      Aaaaa muito obrigada, isso me motiva muito ❤️

  • @b.soares545
    @b.soares545 11 місяців тому +2

    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.

  • @user-ox7nk6cb8j
    @user-ox7nk6cb8j 7 місяців тому

    Muito bom , simples e direto ao ponto. Justo o que eu precisava

  • @richardluis7976
    @richardluis7976 Рік тому

    Mds, eu mal te conheço e já te amo, tu é incrivel mlk!

  • @imnothenry.
    @imnothenry. Рік тому +3

    Ao inves de fazer o uso da tag button, pode também usar a que economiza mais css, mas é besteira, belo tutorial

  • @paulojorge59
    @paulojorge59 Рік тому

    video muito explicativo e muito bom de ver obrigado por trazer esse projecto para gente.

  • @eduardamanenti6301
    @eduardamanenti6301 10 місяців тому

    Olá! Só passando para agradecer! Seu vídeo me ajudou.

  • @planob9201
    @planob9201 10 місяців тому

    Muito bom me ajudou bastante tava querendo fazer na "mao" e da forma que vc fez ficou show !!! Continua!!!

  • @drikaguedess
    @drikaguedess 10 місяців тому

    Parabénss!! Eu testando esse menu de vários videos, só o seu funcionou!!! Ai Simmmm!!!!

  • @barezinho1421
    @barezinho1421 Рік тому +40

    Parabéns com essas skills já pode se considerar uma DevJunior

    • @antonyalbuquerque7736
      @antonyalbuquerque7736 3 місяці тому

      Sou o Júnior do aprendiz 😢

    • @dionedomingues718
      @dionedomingues718 3 місяці тому

      Eu sou aprendiz do JR do aprendiz 😢

    • @gilvanfilho728
      @gilvanfilho728 3 місяці тому

      ​​​@@dionedomingues718 Sou aprendiz do aprendiz do aprendiz do Jr😢

    • @JoaoTankz
      @JoaoTankz 2 місяці тому +2

      eu sou o Juninho dos juniors aprendiz dos juniors

  • @LucasBSilva-nj9gu
    @LucasBSilva-nj9gu 3 місяці тому

    Boa didatica kkkk mesmo sendo modesta, estou usando como exemplo no meu projeto pessoal, agradeço o conhecimento. Parabéns!!!

  • @nandino
    @nandino 2 роки тому +1

    Seus vídeos são muito bons, continue postando !

  • @joseluissantos1099
    @joseluissantos1099 2 роки тому +5

    Muitos parabéns Larissa , você continuando assim chega longe 😝
    Muito obrigado pelo vídeo 🥰

    • @larissakich
      @larissakich  2 роки тому +1

      Muito obrigadaaa❤️❤️

  • @alissontomazelli
    @alissontomazelli 9 місяців тому

    Muito top.
    Obrigado por compartilhar.

  • @sabrinazimmerman5716
    @sabrinazimmerman5716 3 місяці тому

    bem basico, nada dificil demais, conteudo simples e bem explicado, parabens

  • @RomeritoCampos
    @RomeritoCampos 8 місяців тому

    Parabéns! Excelente vídeo.

  • @brunovidal4043
    @brunovidal4043 Рік тому

    Muito bom!! parabéns!

  • @tvpanoramalavrense
    @tvpanoramalavrense Рік тому +1

    Parabéns, Larissa, pelo trabalho desenvolvido! Sucesso! Tens um futuro brilhante!

  • @playtime987
    @playtime987 Рік тому

    Parabens Lari, muito bom :) INSCRITO!!!

  • @erivaldoA
    @erivaldoA Рік тому

    Obrigado Larissa Kich😎.
    O seu Script foi útil para mim.

  • @DanielDantas-br
    @DanielDantas-br Рік тому

    Parabéns, Larissa. Simples e objetivo.

  • @teotoniaeduardo4180
    @teotoniaeduardo4180 12 днів тому

    Muito obrigada. Estava na dúvida aonde inserir o else e o if. Muito obrigada. Parabéns

  • @joaovitoreds
    @joaovitoreds 6 місяців тому

    Muito obrigado pela ajuda larissa!

  • @SuperMarcioSp
    @SuperMarcioSp 3 місяці тому

    Muito bom vídeo, Parabéns

  • @aabi2k
    @aabi2k Рік тому

    muito bom, gosto muito da tua didática

  • @qualeosoftware
    @qualeosoftware 2 роки тому +1

    Muito bom! Larissa.
    Adorei sua aula, Parabéns pelo o canal.

    • @larissakich
      @larissakich  2 роки тому +1

      Muito obrigadaaa, que bom que gostou ☺️😄

  • @leandrolemes3342
    @leandrolemes3342 8 місяців тому

    Parabéns Larissa, muito bom, você é excelente.

  • @tchipolo14
    @tchipolo14 Місяць тому +1

    O que você fez me ajudou muito, obgd

  • @user-qi3mu6ys5b
    @user-qi3mu6ys5b 11 місяців тому

    mano sem enrolação direta e linda parabens, ganhou mais um inscrito rsrsrsrsrsrsrsrsrsrsrsrrs

  • @finasterquem5720
    @finasterquem5720 4 місяці тому

    Vlw Larissa me ajudou demais!!!!!!!!!!! Muito obrigado!

  • @wholetomy
    @wholetomy Рік тому

    esse vídeo salvou a minha vida, obrigado

  • @marcosfonseca5247
    @marcosfonseca5247 Рік тому

    Show... maravilha de explicação. Deus Abençoe!!! Me ajudou muito!

    • @larissakich
      @larissakich  Рік тому

      Muito obrigada, fico feliz em ter ajudado ❤️

  • @josecarlossilva7136
    @josecarlossilva7136 2 роки тому

    Ótima explicação. Melhor impossível!

    • @larissakich
      @larissakich  2 роки тому

      Muito obrigada, fico feliz que tenha gostado 😊

  • @le__marim
    @le__marim 10 місяців тому

    Didática envolvente, parabéns 👏🏼👏🏼👏🏼

  • @santos-ed3dk
    @santos-ed3dk Рік тому +1

    Ficou demais 👏👏👏👏

  • @carlosalbertobritodesouza8843

    excelente Tuto, estava alguns dias tendo dificuldade com o close menu, vi seu tuto, resolvi.

    • @larissakich
      @larissakich  Рік тому

      Fico muito feliz em te ajudar ❤️

  • @MTdiass
    @MTdiass Рік тому

    vídeo top d+, parabéns!!

  • @davidvalones4489
    @davidvalones4489 Рік тому

    gostei! Muito bem explicado e o meu deu certinho/igualzinho :D

  • @liraentretenimento2514
    @liraentretenimento2514 2 роки тому

    Zica da balada parabéns!

  • @PauloBastospaulo_bastos
    @PauloBastospaulo_bastos 5 місяців тому +1

    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  5 місяців тому +1

      Muito obrigada 😊

    • @isaque5811
      @isaque5811 5 місяців тому +1

      Que problema? Só fiquei curioso pra aprender tbm

    • @PauloBastospaulo_bastos
      @PauloBastospaulo_bastos 5 місяців тому

      @@isaque5811 como era feito um menu responsivo. Assisti muitos vídeos no UA-cam e não entendia até assistir esse. Porque ele fez bem passo a passo.

  • @FMac-nd8ei
    @FMac-nd8ei Рік тому

    muito bom incrível parabens

  • @userUndefined404
    @userUndefined404 2 роки тому +1

    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 роки тому +1

      Que show! Muito obrigada, espero que eu consiga ajudá-los 😊

  • @leobaestero8305
    @leobaestero8305 11 місяців тому

    Inscrito, ótimo conteúdo só sabia fazer com bootstrap, me ajudou muito!

  • @patriciodiniz5322
    @patriciodiniz5322 2 роки тому +3

    Muito bom! hehe
    Ainda não manjo tanto assim, mas espero futuramente fazer um desse fácil assim.
    😎🤝

    • @larissakich
      @larissakich  2 роки тому +1

      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 😊

  • @hendrioevandro6578
    @hendrioevandro6578 9 місяців тому

    Muito simples, Vlw pela ajuda.

  • @juniorkenmmasters
    @juniorkenmmasters 4 місяці тому

    Muito obrigado pela a aula meus parabéns sucesso aí pra ti \0/

  • @luiggiabdiel9345
    @luiggiabdiel9345 2 роки тому +3

    Muito bom, muito bom 👨‍💻

  • @frontenddanilo
    @frontenddanilo 2 роки тому

    Video ficou muito bom me ajudou bastante obg

  • @mateusandrade5469
    @mateusandrade5469 Рік тому

    Parabéns , Ótimo material!

  • @renanmarchiqueiros4523
    @renanmarchiqueiros4523 15 днів тому

    show de bola, obrigado

  • @moniquenavarro4131
    @moniquenavarro4131 Рік тому +5

    Vc explicou muito bem, e foram bem claras as instruções, esse conteúdo foi muito legal! ❤

    • @larissakich
      @larissakich  Рік тому +1

      Muito obrigada 😊

    • @pablolimabahialima9382
      @pablolimabahialima9382 10 місяців тому

      ​@@larissakichei preciso de um profissional em css

    • @larissakich
      @larissakich  10 місяців тому

      @@pablolimabahialima9382 oii, entre em contato comigo por esse email: larissakich04@gmail.com

  • @flayer2011
    @flayer2011 2 роки тому +1

    Parabéns top de maisssssssssssssssssssssssssssssssssss

  • @flayer2011
    @flayer2011 2 роки тому +1

    sensacional!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @ThiagoHenrique-pr3rg
    @ThiagoHenrique-pr3rg Рік тому

    Salvou demais! Grato

  • @joaoklaiven4385
    @joaoklaiven4385 2 роки тому

    Top👏, muito boom 👏👏👏

    • @larissakich
      @larissakich  2 роки тому +1

      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

  • @cassiajamillyvenanciobarbo1074

    eu to apaixonada no seu canal

  • @mfrancisco
    @mfrancisco 5 місяців тому

    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  5 місяців тому

      Oii, fico muito feliz em ter te ajudado, muito sucesso na sua jornada ☺️

  • @ericodesenvolvedor9618
    @ericodesenvolvedor9618 2 роки тому +1

    Parabéns pelo video, ficou ótimo, pelas dicas e ótima explicação :)

  • @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!!!

  • @J.Thiag0
    @J.Thiag0 Рік тому +1

    That's what i needed
    Thankyou !!!!!!!!!!!!!!!!!
    Vlw

  • @joiltonmelo
    @joiltonmelo Рік тому

    Muito bom! obrigado! ♥

  • @jhuliosilva146
    @jhuliosilva146 Рік тому

    Muito obrigado, ajudou muito. Ótimo vídeo❤

  • @user-yk3nu6md5e
    @user-yk3nu6md5e Рік тому

    vc explica muito bem..

  • @frases.motivacionais2023
    @frases.motivacionais2023 2 роки тому

    top didática muito boa !!!

  • @cmservicossolucoes
    @cmservicossolucoes Рік тому

    Parabéns, adaptando seu codigo ao meu projeto . 🤩

  • @sergiolima8449
    @sergiolima8449 Рік тому +4

    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 7 місяців тому

      E como ficaria usando esse método?

  • @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 роки тому +1

      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😅

  • @daianeoliveira8872
    @daianeoliveira8872 2 роки тому

    Muito obrigada pelo video! :)

  • @ricardolima6156
    @ricardolima6156 7 місяців тому

    Parabéns pelo conteúdo

  • @patricksantos7145
    @patricksantos7145 Рік тому

    muito bom, bem explicativo

  • @viniciusaugustosilva7884
    @viniciusaugustosilva7884 Рік тому

    Obg! Ajudou demais!

  • @brunob2460
    @brunob2460 2 роки тому +1

    Top demais!

  • @JoseCarlos-rm9nv
    @JoseCarlos-rm9nv 5 місяців тому

    Ótimo vídeo!

  • @MarcosHenrique-uh7nf
    @MarcosHenrique-uh7nf 2 роки тому

    Muito Bom !

  • @vicnogueira4525
    @vicnogueira4525 Рік тому

    Vlw, vc ensina bem 👍🏻

  • @atlas_bhz4556
    @atlas_bhz4556 2 роки тому +4

    Ó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 😁

  • @jotadaplay
    @jotadaplay 24 дні тому

    obrigado, me ajudou muito!

  • @vitorc.araujo2433
    @vitorc.araujo2433 Місяць тому

    nossa, muito bom pqp

  • @moisesg.carlos9783
    @moisesg.carlos9783 2 роки тому

    perfeito, obrigado!

  • @BlenoMartins
    @BlenoMartins 2 роки тому +1

    Video top!!

  • @cortesverissimo
    @cortesverissimo Рік тому

    Muito bom parabéns

  • @thegabrieles
    @thegabrieles Рік тому

    Muito obrigada!

  • @DesenvolvendoJogos
    @DesenvolvendoJogos 2 роки тому

    Muito bom!!

  • @homemDeTernoOlhandoVoce
    @homemDeTernoOlhandoVoce 7 місяців тому

    parabens amiga, ajudou em meu projeto

    • @larissakich
      @larissakich  7 місяців тому

      Fico feliz em ajudar 😊

  • @user-eb5bk7ti8l
    @user-eb5bk7ti8l 5 місяців тому

    perfeito, me ajudou muito.

  • @romulomagalhaes1895
    @romulomagalhaes1895 Рік тому +2

    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  Рік тому +3

      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

  • @Vitor_V8
    @Vitor_V8 Рік тому

    muito bom parabéns

  • @viniciuspereira2734
    @viniciuspereira2734 Рік тому

    Mec eu fiz 2 tutoriais disso e só no seu eu vi que tbm não havia habilitado o JS. kkkkkkkkkkkkkkk. Me ajudou muito.

    • @larissakich
      @larissakich  Рік тому

      Oii, fico feliz que tenha conseguido

  • @arifshakib8795
    @arifshakib8795 Рік тому

    Superb video

  • @lucasfelipe8349
    @lucasfelipe8349 Рік тому

    Muito Obrigado, eu estava precisando disso para colocar no meu site. E pensando em ideias de próximos vídeos, você poderia explicar a fazer posts, por exemplo de blog, horizontais?

  • @KennygFastVideos
    @KennygFastVideos Рік тому

    Muito obrigado, ajudou demais

  • @GustavoSantos-pc4iq
    @GustavoSantos-pc4iq Рік тому

    Top Lari! Parabens.... Seria legal colocar agora o menu com sub itens tá?