Depois de ler os novos critérios de desempate da FIFA, cheguei a conclusão que o futebol finalmente criou sua própria versão da Cascata do CSS.
Comparando com o regulamento da FIFA, a Cascata do CSS está mais para uma pelada em futebol de várzea.
𝗠𝗮𝘁𝗲́𝗿𝗶𝗮 𝗻𝗼𝘃𝗮 𝗻𝗼 𝘀𝗶𝘁𝗲 𝗱𝗼 𝗠𝗮𝘂𝗷𝗼𝗿
A migração do desenvolvimento front-end para o paradigma de componentes (React, Vue, etc.) expôs a maior fraqueza do CSS clássico, o escopo global.
https://t.co/7ZffOgd2YZ
𝐌𝐚𝐭𝐞́𝐫𝐢𝐚 𝐧𝐨𝐯𝐚 𝐧𝐨 𝐒𝐢𝐭𝐞 𝐝𝐨 𝐌𝐚𝐮𝐣𝐨𝐫
Aprenda a arquitetar Design Systems com Custom Properties (Variáveis CSS). Gerencie temas (dark/light mode) e escalas modulares de forma performática e altamente escalável, sem pré-processadores.
https://t.co/JVVVbUvcvd
@cleisoncarlos Tailwind funciona muito bem como camada utilitária (@𝚕𝚊𝚢𝚎𝚛 𝚝𝚊𝚒𝚕𝚠𝚒𝚗𝚍) em um sistema de estilos mais amplo.
Use para padronizar espaçamento, cores e tipografia. Camadas, componentes, semântica CSS e arquitetura continua sendo responsabilidade do desenvolvedor.
𝐆𝐨𝐭𝐚 #𝟎𝟏 — 𝐂𝐒𝐒 𝐞𝐬𝐭𝐫𝐮𝐭𝐮𝐫𝐚𝐥
CSS estrutural é um conceito que trata a interface como um conjunto de regiões estáveis, e não como um grupo de blocos ajustados caso a caso. Cabeçalho, navegação, conteúdo principal, barras laterais, rodapé são partes fixas da página
CSS semântico faz com que o código exponha a função de cada parte da interface, em vez de apenas descrever aparência. Classes, áreas de grid, nomes de componentes e estados devem indicar claramente o papel que exercem na página.
Um CSS baseado em nomes genéricos como .vermelho, .grande, .box2 obriga leitura adicional e inspeção no DevTools para descobrir o que cada coisa faz. O resultado é um código difícil de explicar, de documentar e de manter em equipes diferentes.
É com imenso prazer que comunico: o lendário Maujor – O Dinosauro das CSS está de volta com força total e retomando as publicações que fizeram história na web nacional!
Conceda-me o prazer da sua visita e comece com o tutorial publicado hoje: https://t.co/srBCFtlH1L
Projetos sem CSS estrutural dependem de margens compensatórias, seletores acoplados ao contexto e ajustes locais difíceis de rastrear. Cada mudança de conteúdo ou componente exige revisitar várias regras, aumentando o custo de manutenção.
*𝐆𝐔𝐄𝐑𝐑𝐀 𝐃𝐄 𝐄𝐒𝐏𝐄𝐂𝐈𝐅𝐈𝐂𝐈𝐃𝐀𝐃𝐄*
Diga adeus ao !𝑖𝑚𝑝𝑜𝑟𝑡𝑎𝑛𝑡 e ao CSS frágil.
Novo tutorial Sênior sobre @layer (Cascade Layers).
Essencial para quem constrói Design Systems.
🔗 [https://t.co/eoE0IPk8Tw]
#CSS #@layer #Maujor
Maujor, o "Dinossauro do CSS"
20+ anos depois, reencontro leitores
que hoje são profissionais globais.
#WCBR2025, #WCBR#wordcampbrasil#UERJ - Rio de Janeiro
Meu obrigado aos organizadores do WordCamp 2025 e a todos que tornaram esse dia tão especial.
Que venham mais encontros cheios de propósito, memória e afeto. 🤝