Menu Slide Toggle sem plugin (CSS3/HTML5/JS)
Um dos efeitos mais fantástico do mundo mobile, finalmente ficou mais fácil de ser construído e interpretado utilizando apenas HTML5, CSS3 e Javascript.
Um dos efeitos mais fantástico do mundo mobile, utilizado nos mais diversos sistemas operacionais, finalmente ficou mais fácil de ser construído e interpretado utilizando apenas HTML5↳HTML45 conteúdosA importância do HTML e CSS para quem trabalha com UI Design e Design SystemProduto & UX · dez 2024Como hostear seu site HTML gratuitamente com GitHub PagesDev (Back & Front) · jun 2025SQL Server – Como criar um versionamento de código das suas Stored Procedures em HTML e com comentários da alteraçãoData · nov 2020Ver tudo em Dev (Back & Front) →, CSS3 e Javascript. Hoje, apenas com um pouco de Javascript, sem utilizar nenhum plugin, vamos aprender a simular o efeito slide em menus, ou como é popularmente conhecido o efeito Slide Toggle.
O código é bastante simples e pode ser adaptado para construir suas futuras aplicações. Ficou curioso? Dá um play aí, vai!
- Clique aqui para fazer o download dos arquivos
É Designer Gráfico por formação, freelancer, autodidata e empreendedor. Atua como Designer Estratégico e desenvolve projetos envolvendo serviços de Design Thinking, Service Design, Growth Hacking, Marketing Digital e Web Design (UI/UX/Front-end). Com quase sete anos de carreira, já atendeu a grandes marcas nacionais e internacionais. Possui uma presença ativa no cenário digital, alimentando três projetos na web: o primeiro é a Ferreira Studios, um canal no Youtube do qual é fundador e que hoje conta com mais de 1,3 milhões de visualizações, onde compartilha reflexões, métodos e aulas sobre design, desenvolvimento web e edição de vídeo, em parceria com o grupo Grupo NZN (empresa curitibana dona de verticais como TecMundo, Baixaki, Minha Série, SuperDownloads, ClickJogos e Megacurioso). Os outros dois projetos são startups, sendo a primeira de serviços veterinários e a segunda de conciliação de pagamentos.
