Olá, pessoal!
Terminei o desafio da aula 5 — converter as medidas do CSS de px para rem — mas confesso que pelo
caminho mais longo possível: em vez de dividir por 16 na calculadora, escrevi um script em Python que
faz isso por mim. Nasceu a Refinaria de Pixels S.A.™
A ideia da brincadeira: o CSS original em px virou "minério bruto" (style.px.css), e o script "refina"
cada medida gerando o style.css final em rem. Uma divisão por 16 cercada de exageros deliberados:
- Decimal com 28 casas de precisão ("precisão bancária para o seu padding");
- Cache para não calcular 24 ÷ 16 seis vezes;
- Auditoria de reversibilidade: toda conversão é conferida com resultado × 16 == original;
- Modo --dramatico, que narra cada divisão como lançamento de foguete;
- 13 testes unitários cobrindo a nobre arte de dividir por dezesseis (todos passando).
A parte séria: o exercício foi cumprido de verdade — todas as 16 medidas do projeto convertidas com
exatidão, zero px sobrando no arquivo final. E entendi na prática o porquê da aula: com rem, quem
aumenta o tamanho da fonte no navegador vê o layout inteiro escalar junto. A piada é o caminho; a
acessibilidade é o destino.
De quebra, a revisão final ainda pegou uns detalhes bons de compartilhar:
- imagem.png vs Imagem.png — em servidor Linux/GitHub Pages a diferença de maiúscula quebra a imagem
(no Windows passa despercebido); - Um espaço faltando antes do fazia o título renderizar "nívelcom um Front-end";
- alt nos ícones das redes sociais.
Repositório completo (com o README "corporativo" da refinaria, que é metade da graça):
https://github.com/LucasCerattoRS/lol
Quem quiser rodar: python3 refinaria_de_pixels.py --dramatico
Críticas e sugestões são bem-vindas!
