Coleção NoLoJS mostra padrões JS substituíveis por HTML e CSS

Coleção de padrões JS substituíveis

Aaron T. Grogg lançou a coleção NoLoJS, um repositório no GitHub que reúne padrões comuns de JavaScript que podem ser implementados apenas com HTML e CSS, ou com JS mínimo ou nulo. A tese central: embora o JavaScript tenha sido o cavalo de batalha da web por anos, a web está "sufocando" de JS, e como HTML e CSS continuam amadurecendo, qualquer carga de trabalho de JavaScript possível deveria ser transferida para eles.

Componentes cobertos

A coleção inclui dezenas de variações de padrões, entre eles: acordeões (básico, exclusivo, animado, com marcador ajustável), carrosséis em CSS (hero, dots indicadores, botões de navegação, swiper por toque e por grupos), formulários expansíveis, filtros, conteúdo fly-in com animação por scroll, sliders de comparação de imagens, inputs com dropdown, lazy load de áudio, imagem e vídeo, modais/popovers (com backdrop, botão de fechar, animações, reposicionamento), conteúdo e navegação offscreen, parallax, efeitos de scroll (sombra no header, header que encolhe, scroll spy, smooth scrolling), conteúdo sticky e tabs.

Diferencial em relação a projetos similares

O autor menciona que descobriu tarde demais o grande repositório You-Dont-Need-JavaScript, mas considera que ele tem deficiências: falta de descrições e demos, e o fato de os exemplos serem páginas completas, o que dificulta distinguir o código necessário para a funcionalidade do que só serve para a página funcionar. Por isso, decidiu continuar o NoLoJS como esforço próprio.

Diretrizes de contribuição

Pull requests e issues são bem-vindos. Ao criar um novo padrão, o nome deve se referir à funcionalidade (por exemplo, lazy-load em vez de loading ou preload). Cada padrão deve ter um README.md com nomes alternativos, descrição breve e links para variações; cada variação deve indicar se é "No JS" ou "Lo JS", linkar para Baseline ou CanIUse e, idealmente, oferecer exemplo funcional via CodePen. O código deve ser mínimo - apenas o necessário para o padrão funcionar, sem fontes, cores ou espaçamentos desnecessários, com comentários explicativos quando útil.

Referências e contexto

O projeto se apoia em uma tradição de textos sobre o tema, listando artigos de 2016 a 2025, de autores como Cristina Silva, Jeremy Keith, Chris Ferdinandi, Kilian Valkhof, Kevin Powell e Muhammad Hashir, além de recursos gerais de "no ou low JS" de Theo Soti (que escreveu um livro sobre o assunto e criou o CSS Radar), Utsav Meena e Lionel Péramo. O autor avisa que alguns textos já estão datados. A coleção é considerada orgânica e deve se expandir conforme HTML e CSS evoluam.