Dev (Back & Front)ARTIGO

Text Field Form em Material Design (CSS3/HTML5/JS/JQUERY)

Com um pouco de HTML5, CSS3, JS, JQUERY, você descobrirá o quanto é fácil simular um dos mais famosos componentes do Material Design do Google.

No vídeo de hoje, iremos aprender a trabalhar com a concepção de “text field”, que consiste basicamente em um campo de texto aprimorado do que já conhecemos de input “text” e “textarea”.

Com um pouco de HTML5, CSS3, JS, JQUERY, você descobrirá o quanto é fácil simular um dos mais famosos componentes do Material Design do Google. Quer mais? Você ainda vai aprender rapidamente sobre pseudo-elementos, seletores avançados e validação por pattern do HTML5.

Faça o download do script e não deixe de nos acompanhar nas redes sociais: Twitter, Facebook, Google+ e o canal do YouTube.

Até a próxima!

É 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