Dev (Back & Front)ARTIGO

Unidades CSS relativas: %, REM, EM, CH, EX (CSS3)

Aprenderemos a trabalhar com medidas flexíveis para enriquecer nossos códigos front-end e, principalmente, entender a diferença entre medidas absolutas e medidas relativas.

O maior desafio de muitos web-developers é conseguir desenvolver um CSS organizado, robusto e utilizando as propriedades corretas de medidas.

O CSS tem várias unidades diferentes para expressar unidades de comprimento (largura x altura), entretanto, muitas propriedades não são utilizadas e abstraídas corretamente, algumas propriedades não são nem conhecidas pelos desenvolvedores e outras são simplesmente deixadas de lado – mesmo vivendo em uma época onde pensar em mobile-first, aplicações hibridas, layout responsivo e css robusto se tornou “obrigação”.

Nesta série de duas aulas, aprenderemos a trabalhar com medidas flexíveis para enriquecer nossos códigos front-end e, principalmente, entender a diferença entre medidas absolutas e medidas relativas.
Entre as css units que iremos aprender, temos: porcentagem (%), em, rem, ch, ex, vh, vw, vmax,vmin e etc.

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