maujor

Um dinossauro apaixonado por Padrões Web.

[maujor @maujor]

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.

[maujor @maujor]

𝗠𝗮𝘁𝗲́𝗿𝗶𝗮 𝗻𝗼𝘃𝗮 𝗻𝗼 𝘀𝗶𝘁𝗲 𝗱𝗼 𝗠𝗮𝘂𝗷𝗼𝗿

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

[maujor @maujor]

𝐌𝐚𝐭𝐞́𝐫𝐢𝐚 𝐧𝐨𝐯𝐚 𝐧𝐨 𝐒𝐢𝐭𝐞 𝐝𝐨 𝐌𝐚𝐮𝐣𝐨𝐫
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

[maujor @maujor]

@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.

[maujor @maujor]

𝐆𝐨𝐭𝐚 #𝟎𝟏 — 𝐂𝐒𝐒 𝐞𝐬𝐭𝐫𝐮𝐭𝐮𝐫𝐚𝐥

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

[maujor @maujor]

CSS semântico torna o CSS autoexplicativo e reduz o esforço cognitivo para entender e evoluir a interface.

https://t.co/CEhW2RYHWl

[maujor @maujor]

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.

[maujor @maujor]

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.

[maujor @maujor]

É 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

[maujor @maujor]

CSS estrutural é a base para que o restante do código seja previsível, reutilizável e mais simples de manter.

#CSSSenior #CSS #frontend #CSSEstrutural #arquiteturaCSS #manutenibilidade

[maujor @maujor]

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.

[maujor @maujor]

*𝐆𝐔𝐄𝐑𝐑𝐀 𝐃𝐄 𝐄𝐒𝐏𝐄𝐂𝐈𝐅𝐈𝐂𝐈𝐃𝐀𝐃𝐄*

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 @maujor]

@Arkano87 Muito obrigado pelos parabéns meu caro @Arkano87 !
Um abraço e votos de sucesso. 🤜🤛

[maujor @maujor]

Maujor, o "Dinossauro do CSS"
20+ anos depois, reencontro leitores
que hoje são profissionais globais.
#WCBR2025, #WCBR #wordcampbrasil #UERJ - Rio de Janeiro

[maujor @maujor]

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. 🤝

[maujor @maujor]

🥰Recebi carinho, ouvi relatos tocantes de gratidão e saí com a certeza que compartilhar conhecimento transforma vidas.