Questa pagina GitHub elenca le alternative non JS per le caratteristiche dell'interfaccia utente comuni

Quante volte hai voluto costruisci una rapida presentazione di CSS o una finestra modale? Questi sono alcuni di gli elementi dell'interfaccia utente più comuni sul web e oggi puoi crearli senza JavaScript.

Certo, è possibile colpire Google alla ricerca di soluzioni. Ma perchè no scegli da una lista curata di risorse fantastiche?

È qui che entra in gioco questa pagina GitHub. È intitolato "Non hai bisogno di JavaScript", e offre un elenco enorme di soluzioni praticabili per elementi di interfaccia comuni.

Una cosa da notare è che questi codici sono non tutte sono tutte soluzioni.

Non tutto nella lista supporta tutti i browser e molte di queste soluzioni non sono completamente in grado di gestire degrado graduale o problemi con i browser mobili. Quindi dovrai farlo controllare ciascuno individualmente caso per caso.

Comunque se stai morendo per soluzioni CSS pure allora questo GitHub ti ha coperto.

L'elenco funziona oltre 20 diversi elementi dell'interfaccia utente con molte soluzioni importanti, come:

• Menu di hamburger
• Tooltips
• Tabs
• Gallerie di immagini
• Menu a discesa
• E molto di più.

Ogni progetto rimanda a una demo CodePen dove puoi vederlo dal vivo insieme a esempio di codice sorgente.

Nota questo repository GitHub specifico non ha alcun codice effettivo dentro. Piuttosto è solo un elenco di demo CodePen con soluzioni non JS per problemi di interfaccia comuni.

Questa è la risorsa perfetta per creare segnalibri per riferimenti futuri e restare vicino se necessario.

Sei libero di contribuire contattando chiunque dal pagina principale di GitHub se hai idee o suggerimenti per nuove risorse.

Sei libero di farlo copia qualsiasi codice sorgente da qualcuno di questi demo e riutilizzarli nei tuoi progetti.

Assicurati solo che si controlla la scheda delle proprietà CSS prima di copiare qualsiasi cosa, perché alcuni contenere librerie extra.

Nel complesso, si tratta di un fantastico repository GitHub ed è molto più semplice da utilizzare rispetto alla ricerca di Google per quella soluzione perfetta.

Controlla il pagina GitHub completa qui, e se vuoi visualizzare tutte le potenziali modifiche puoi vedere quelli in scheda richieste di pull.