Esta página do GitHub lista alternativas não-JS para recursos comuns de interface do usuário

Quantas vezes você quis criar uma apresentação de slides apenas CSS ou janela modal? Estes são alguns dos os elementos de interface do usuário mais comuns na web e hoje em dia você pode construí-los sem qualquer JavaScript.

Claro, é possível atingir o Google em busca de soluções. Mas porque não escolha de uma lista selecionada de recursos incríveis?

É aí que esta página do GitHub entra em jogo. É intitulado "Você não precisa de JavaScript", e oferece uma lista enorme de soluções viáveis ​​para elementos de interface comuns.

Uma coisa a notar é que esses códigos são não end-all ser todas as soluções.

Nem tudo na lista suporta todos os navegadores, e muitas dessas soluções não são totalmente capazes de lidar com a degradação normal ou problemas com navegadores móveis. Então você precisa vet cada um individualmente caso a caso.

No entanto, se você está morrendo de vontade soluções CSS puras então este GitHub tem você coberto.

A lista apresenta mais de 20 elementos diferentes da interface do usuário com muitas soluções proeminentes, como:

• Menus de hambúrguer
• Dicas de ferramentas
• Abas
• Galerias de imagens
• Menus suspensos
• E muito mais.

Cada projeto links para uma demonstração CodePen onde você pode veja ao vivo junto com amostra do código fonte.

Observe este repositório específico do GitHub não tem código real nisso. Pelo contrário, é apenas uma lista de demos CodePen apresentando soluções não-JS para problemas comuns de interface.

Este é o recurso perfeito para marcar para referência futura e manter perto, se necessário.

Você é livre para contribuir contatando qualquer um dos página principal do GitHub se você tiver idéias ou sugestões para novos recursos.

Você é livre para copiar qualquer código fonte de qualquer uma dessas demos e reutilize-os em seus projetos.

Apenas certifique-se de que você verifica a guia de propriedades CSS antes de copiar qualquer coisa porque alguns contém bibliotecas extras.

No geral, esse é um fantástico repositório do GitHub e é muito mais fácil de usar do que vasculhar o Google por essa solução perfeita.

Verifica a página completa do GitHub aqui, e se você quiser ver todas as possíveis alterações você pode ver aqueles no puxar aba de pedidos.