Menu off-canvas com JQuery • CSS3/HTML5/JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 51

  • @erickygomes5079
    @erickygomes5079 6 ปีที่แล้ว

    muito bom, fiquei surpreso com resultado

  • @dygaolive
    @dygaolive 8 ปีที่แล้ว

    Muito top sua explicação! Realmente muito simples de entender 😃

  • @renandejesusmartinsmesquit8211
    @renandejesusmartinsmesquit8211 8 ปีที่แล้ว

    Olá Ferreira Studios ® parabéns pela aula, tem +1 inscrito! ;) continue com essas aulas boas!

  • @GFXTotal
    @GFXTotal 7 ปีที่แล้ว

    Olá Ferreira. Tem alguma maneira mais direta de carregar vídeos dentro do content utilizando este mesmo menu?

  • @joaopedrosilva3796
    @joaopedrosilva3796 9 ปีที่แล้ว +1

    parabéns, um dos únicos canais bons desse tipo no youtube

  • @gustavocgsg
    @gustavocgsg 6 ปีที่แล้ว

    Olá primeiramente quero agradecer é lhe parabenizar o funcionamento está realmente ótimo, gostaria apenas de saber se é possível o menu já começar aberto ? Ou se manter aberto enquanto uso a lateral direita com outros conteúdos estilo painel admin? Ou até mesmo um pouco resultado para que eu possa por ícones no canto do menu que já abram é sua respectiva seleção ?

  • @DaviMartins99
    @DaviMartins99 9 ปีที่แล้ว +1

    Marmota do IE ahuahuauhauha
    Ficou excelente o menu, transição leve e lisa, gostei bastante. Fiz umas adaptações e consegui fazer top-down ao invés de left-right, deve ficar mehlor no mobile, vou testar quando tiver tempo.
    Bom demais! Valeu!

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      Davi Martins show demais! A ideia é justamente essa, ir otimizado. Participe de nosso grupo de desenvolvimento no whatsapp. Forte abraço. ;)

    •  9 ปีที่แล้ว

      Ferreira Studios opa! como consigo entrar nesse grupo..?

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      Keven Silva me passa seu numero

    •  9 ปีที่แล้ว +1

      Ferreira Studios já enviei pelo inbox no facebook

    • @matheus-vg6ig
      @matheus-vg6ig 9 ปีที่แล้ว +1

      Ferreira Studios Tem mais vaga nesse grupo ae ?! haha

  • @bonieckdouglas
    @bonieckdouglas 8 ปีที่แล้ว

    Como faço para esse menu abrir sobre o site, sem que ele faça o corpo do site correr para a lateral. Será de grande valia se tiver como, desde já agradeço e parabéns.

  • @o-corretorcOm
    @o-corretorcOm 6 ปีที่แล้ว

    O problema está no Height da Wrapper, que está com 1000px, não consegui deixar de jeito nenhum com a Height de 100%, alguem conseguiu ?

  • @engrianfloriano
    @engrianfloriano 6 ปีที่แล้ว

    Olá amigo, poderia ensinar a fazer a mesma nav, só que ao invés de clicar em "Menu" ele ativasse a nav com o passar no mouse como no menu do windows 8

  • @Beikons
    @Beikons 6 ปีที่แล้ว

    Parabéns pelo vídeo caro. Existe a possibilidade do menu sobrepor o conteudo da pagina quando fosse clicado?

  • @RicardoFerreira-yp6gd
    @RicardoFerreira-yp6gd 9 ปีที่แล้ว

    Primeiramente, gostaria de parabenizar pelo trabalho, é show de bola.
    Eu sou um desenvolvedor web, começei a pouco tempo e tem uma coisa que sempre pesquiso, mas nunca consigo encontrar: Um menu que mostre uma imagem de efeito hover de cada categoria.
    Encontrei isso em um site de relógios... Gostaria que desse uma olhada e tirasse minha dúvida. O site é www.vivara.com.br

  • @sandro84_br
    @sandro84_br 9 ปีที่แล้ว +1

    download não esta funcionando?

  • @luancampos5186
    @luancampos5186 9 ปีที่แล้ว +1

    Parabéns muito bom... o que eu precisa... agora não vou ta dependendo das marmotas do bootstrap e nem do foundation...

  • @AeroNavSim
    @AeroNavSim 9 ปีที่แล้ว +1

    Muito bom cara... Parabéns pelas vídeo aulas...

  • @MrPaulohp123
    @MrPaulohp123 7 ปีที่แล้ว

    Ai pessoal esse exemplo também roda em dispositivos moveis ?

  • @antoniopedro9401
    @antoniopedro9401 8 ปีที่แล้ว

    Fiz um menuOff simples usando javascript, porém ele não funciona no safari, alguém ai sabe o pq disso?

    • @augustomarcelo
      @augustomarcelo 7 ปีที่แล้ว

      Será que não está faltando as bibliotecas para o safari? Ele precisou colocar uma para rodar no IE. Pode ser isso

  • @ohervis
    @ohervis 9 ปีที่แล้ว

    Muito Obrigado pelas dicas, estou iniciando com HTML5, ainda não entendo muito sobre as -Webkit, mas estou em busca de conteúdo,
    parabéns.
    Link do Dropbox esta fora do ar.

  • @ericksonluiz1435
    @ericksonluiz1435 9 ปีที่แล้ว +1

    Mtu bom fera... Só estou com uma dúvida... Ao adicionar o conteudo no id #content... Ao chegar no limite de 1000px do id #wrapper, o resto não aparece... já mudei a altura pra auto e 100%, mais não tive sucesso... Alguma dica?

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      +Erickson Luiz tente algo próximo disso: www.sitepoint.com/pure-css-off-screen-navigation-menu/ Abraços ;)

    • @ericksonluiz1435
      @ericksonluiz1435 9 ปีที่แล้ว +1

      +Ferreira Studios ® Vllw fera, não é tão bom quanto o seu, mais ta valendo... Faz umas aulas de Java Script iniciante, vc explica mtu bem...

  • @felipecarneiroandrade
    @felipecarneiroandrade 9 ปีที่แล้ว +1

    Parabéns pelo vídeo. Tu sabe se existe a possibilidade do menu sobrepor a pagina quando fosse clicado. O menu esconderia parte do conteúdo que ficaria atrás.

  • @reck7787
    @reck7787 6 ปีที่แล้ว

    Como faz para ele fechar quando clicar na parte branca??
    Alguém sabe o código? estou tentando utiliza-lo em outro estilo de menu.

  • @sr71182347
    @sr71182347 8 ปีที่แล้ว

    Ótimo vídeo parabéns

  • @lucasmiranda4575
    @lucasmiranda4575 9 ปีที่แล้ว +1

    Não tenha duvida de que suas aulas são as melhores, mas tenho uma duvida, para fazer menus de jogos mobile também se usa HTML5.

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      lucas miranda você pode utilizar sim! O mais interessante, seria um utilizar um framework. Existem muitos frameworks altamente produtivos hoje em dia. Forte abraço e obrigado. ;)

  • @FelipeSantos-dt2xj
    @FelipeSantos-dt2xj 9 ปีที่แล้ว +1

    Tó com um problema, quando eu coloco um video dentro da nav, ele não fica escondido, ele fica aparecendo no body, e isso é só no internet explorer, você sabe qual seria a solução?

  • @MuhammadAdnan-gx6rd
    @MuhammadAdnan-gx6rd 7 ปีที่แล้ว

    Dropdown menu in jquery? ?? Responsive

  • @jeffmir2887
    @jeffmir2887 9 ปีที่แล้ว +1

    Primeirmente parabéns pelo conteúdo !
    Fiz esse menu mas no celular o #wrapper:100% fica a altura do tamanho da tela e quando as categorias são muitas elas são cortadas (limitadas). tentei usar o display: linear-table mesmo assim fica limitado ao tamanho da tela (altura).

  • @Aleex.Medeiros
    @Aleex.Medeiros 9 ปีที่แล้ว

    Largou o bracket?

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      Alex Medeiros não larguei não! Ainda estou utilizando o brackets, entretanto, tem sido mais fácil a visualização quando gravo pelo Sublime. rsrs Abraços!

  • @Douglas-Silvestrini
    @Douglas-Silvestrini 9 ปีที่แล้ว +1

    Tem como deixar esse menu fixo?

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      Douglas Silvestrini tem sim Douglas. Utilizar o atributo position: fixed do css. Abraços

    • @douglasfranca3719
      @douglasfranca3719 6 ปีที่แล้ว

      Ferreira Studios em qual tag?

  • @biancawise7494
    @biancawise7494 9 ปีที่แล้ว +1

    Shooow!! Parabéns ✌️

  • @gamecast4432
    @gamecast4432 9 ปีที่แล้ว +3

    Ensina a tornar o site responsivo por favor.

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +3

      GameCast já anotamos o pedido. ;)

    • @DanielRios549
      @DanielRios549 9 ปีที่แล้ว +1

      Ferreira Studios blz, vou estar a espera, eu sei fazer um site reponsivo, porém, so a divisão de pixels, quando o site vai pro smartphone, muitas vezes fica com o estilo do tablet, devido as resoluções altas que temos nos aparelhos.

  • @igorsousa4844
    @igorsousa4844 9 ปีที่แล้ว +1

    kkkk marmota do IE