Produto & UXARTIGO

Material Design Slide Tab Menu (HTML5/CSS3/JQuery)

Hoje iremos aprender a trabalhar com um dos efeitos mais famosos do Material Design: o slide menu.

Hoje iremos aprender a trabalhar com um dos efeitos mais famosos do Material Design: o slide menu. Ele consiste basicamente em um menu flat e extremamente clean, que busca indicar o item ativo com base na movimentação da borda inferior, além claro, do grandioso efeito “Ripple” (ondas lineares que são acionadas quando um link ou botão são clicados).

Se você ainda não sabe o que é, e nem como construir um Ripple Button ao estilo do material design, assista nossa outra aula.

Leonardo FerreiraAutor

É 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.

Ver perfil