Această pagină GitHub listează alternative non-JS pentru caracteristicile comune ale UI
De câte ori ai vrut construiți o prezentare rapidă CSS sau o fereastră modală? Acestea sunt unele dintre ele cele mai comune elemente ale UI pe web și în zilele noastre le puteți construi fără JavaScript.
Sigur, este posibil ca Google să caute soluții. Dar de ce nu alege dintr-o listă cuantificată de resurse minunate?
Aici intră această pagină GitHub. Se numește "Nu aveți nevoie de JavaScript", și oferă o listă uriașă de soluții viabile pentru elemente de interfață comune.
Un lucru de observat este că aceste coduri sunt nu soluții end-all.
Nu totul din listă acceptă toate browserele și multe dintre aceste soluții nu sunt pe deplin capabile să trateze degradarea grațioasă sau problemele cu browserele mobile. Deci, va trebui vet fiecare în parte de la caz la caz.
Totuși, dacă mori pentru asta soluții pure CSS atunci acest GitHub te-a acoperit.
Lista are peste 20 de elemente de interfață diferite cu multe soluții proeminente, cum ar fi:
- Hamburger meniuri
- Bule de
- Tab-uri
- Galerii de imagini
- Meniuri derulante
- Și mult mai mult.
Fiecare proiect face legătura cu o demonstrație CodePen unde poti vezi-o live impreuna cu cod sursă de probă.
Rețineți acest replică specifică GitHub nu are nici un cod real în ea. Mai degrabă e pur și simplu o listă de demo-uri CodePen oferind soluții non-JS la probleme de interfață comună.
Aceasta este o resursă perfectă pentru marcajul pentru referințe viitoare și păstrați-vă aproape, dacă este necesar.
Sunteți liber să contribuiți prin contactarea oricui din principala pagină GitHub dacă aveți idei sau sugestii pentru noi resurse.
Ești liberă copiați orice cod sursă de la oricare dintre aceste demonstrații și reutilizați-le în proiectele dvs..
Doar asigurați-vă că verificați fila Proprietăți CSS înainte de a copia ceva pentru că unii conține biblioteci suplimentare.
În general, acesta este un replică fantastic GitHub și este mult mai ușor de utilizat decât să curățați Google pentru o soluție perfectă.
Verifică pagina completă GitHub aici, și dacă vrei vizualizați toate modificările potențiale puteți vedea pe cele din trageți fila solicitări.
