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

Quante volte hai voluto creare una rapida presentazione di CSS o una finestra modale ? Questi sono alcuni degli elementi dell'interfaccia utente più comuni sul Web e al giorno d'oggi è possibile crearli senza JavaScript.

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

È qui che entra in gioco questa pagina GitHub. Si intitola "You Do not Need JavaScript" e offre un enorme elenco di soluzioni realizzabili per elementi di interfaccia comuni .

Una cosa da notare è che questi codici non 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 controllare ciascuno di essi individualmente, caso per caso.

Tuttavia, se stai morendo per soluzioni CSS pure, questo GitHub ti copre.

L'elenco include oltre 20 diversi elementi dell'interfaccia utente con molte soluzioni di rilievo, come ad esempio:

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

Ogni progetto si collega a una demo CodePen in cui è possibile vederla dal vivo insieme al codice sorgente di esempio .

Nota che questo specifico repository di GitHub non contiene alcun codice reale . Piuttosto, è solo un elenco di demo di CodePen che presentano 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 dalla pagina principale di GitHub se hai idee o suggerimenti per nuove risorse.

Sei libero di copiare qualsiasi codice sorgente da una di queste demo e riutilizzarle nei tuoi progetti.

Assicurati di controllare la scheda delle proprietà CSS prima di copiare qualsiasi cosa, perché alcuni contengono librerie aggiuntive .

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

Controlla qui la pagina completa di GitHub e, se vuoi visualizzare tutte le potenziali modifiche, puoi vederle nella scheda richieste di pull .