Botão gelatina com SASS (SCSS/HTML5/CSS3)
A partir dos conceitos aplicados na aula passada, nesta aula iremos trabalhar na construção de um botão gelatina (gelatine btn).
A partir dos conceitos aplicados na aula passada, nesta aula iremos trabalhar na construção de um botão gelatina (gelatine btn).
O CSS você já conhece, folhas de estilos baseadas em tags HTML, id e classes; sua sintaxe é bem simples e fácil de entender, mas tanta simplicidade nos força a fazer uma folha de estilo por vezes redundante e muito longa. Para resolver este problema, existe o SASS, uma poderosa extensão da linguagem CSS que permite uma escrita profissional e completa escrevendo nossas folhas de estilo de forma muito mais dinâmica e produtiva.
Compatível com todas as versões do CSS e utilizada pelo tema padrão do Magento a partir da versão 1.9, você escreve sua folha de estilo em SASS e utiliza um conversor para o CSS padrão. A extensão utilizada passa a ser o .scss e um compilador para transformar o scss em css, assim podemos deixar nosso arquivo CSS sempre compactados, melhorando ainda mais o desempenho das páginas.
É 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.
