Linguagem · Linguagem
CSS3
Layouts que se adaptam a qualquer tela.
Onde usei
- Stellar Gaming
- DOMVS iT
- Claro
- Resource IT
- Tugarê
- Marvin
- Atento
01Visão geral
CSS transforma estrutura em experiência. Construo sistemas de estilo responsivos e fáceis de manter com Flexbox e Grid, e escalo isso entre times com design systems.
02Conceitos essenciais
O que qualquer pessoa que trabalha com isso precisa entender
- 01
Cascata e especificidade
Como as regras vencem e como manter a especificidade baixa e previsível.
- 02
Box model
Conteúdo, padding, borda, margem e box-sizing.
- 03
Flexbox e Grid
Layout em uma e em duas dimensões, e quando usar cada um.
- 04
Design responsivo
Mobile-first, media e container queries, tipografia fluida.
- 05
Custom properties
Variáveis CSS como design tokens para temas.
- 06
Animações
Transitions, keyframes e animações performáticas com transform/opacity.
03Na prática
Interfaces responsivas em todas as empresas por onde passei, o rebranding do site da Claro e contribuições ao design system Mondrian.
