Šis „GitHub“ puslapio sąrašas apima „JS“ alternatyvas bendroms UI funkcijoms
Kiek kartų norėjote sukurti greitą CSS tik skaidrių peržiūrą arba modalinį langą? Tai yra keletas labiausiai paplitusių UI elementų žiniatinklyje ir šiandien galite juos kurti be „JavaScript“.
Žinoma, galima pasiekti „Google“ ieškant sprendimų. Bet kodėl gi ne pasirinkite iš kuruojamo sąrašo milžiniškų išteklių?
Štai kur prasideda šis „GitHub“ puslapis. Jis pavadintas „Jums nereikia„ JavaScript “, ir jis siūlo didžiulį praktinių sprendimų sąrašą bendri sąsajos elementai.
Reikia pažymėti, kad šie kodai yra nesibaigia visų būtinų sprendimų.
Ne viskas sąraše palaiko visas naršykles, ir daugelis šių sprendimų nėra visiškai pajėgūs tvarkyti grakštus degradacijos ar su mobiliųjų naršyklių problemomis. Taigi jums reikia veterinarijos gydytojas kiekvienam atskirai kiekvienu konkrečiu atveju.
Tačiau jei miršta gryni CSS sprendimai tada šis „GitHub“ padengėte.
Sąraše yra daugiau funkcijų 20 skirtingų UI elementų su daugeliu svarbių sprendimų, tokių kaip:
- Hamburgerio meniu
- Įrankių patarimai
- Skirtukai
- Vaizdų galerijos
- Išskleidžiamieji meniu
- Ir dar daugiau.
Kiekvienas projektas nuorodos į „CodePen“ demonstraciją kur galite pamatyti jį gyventi kartu su pavyzdinio kodo.
Atkreipkite dėmesį į šį konkretų „GitHub“ repo neturi jokio faktinio kodo jame. Greičiau tai tiesiog CodePen demo sąrašą featuring ne JS sprendimai bendroms sąsajos problemoms.
Tai puikus šaltinis, skirtas žymėti būsimoms nuorodoms ir prireikus laikyti arti.
Jūs galite laisvai prisidėti, susisiekdami su bet kuriuo iš pagrindinis „GitHub“ puslapis jei turite idėjų ar pasiūlymų dėl naujų išteklių.
Jūs laisvai nukopijuokite bet kurį šaltinio kodą iš bet kurio iš šių demonstracijų ir pakartotinai juos naudoti savo projektuose.
Tiesiog įsitikinkite, kad patikrinate CSS savybių skirtuką prieš ką nors kopijuodami, nes kai kurie yra papildomų bibliotekų.
Apskritai, tai yra vienas fantastinis „GitHub“ repo ir daug lengviau jį naudoti, nei „Google“ šveitimas, kad tai būtų puikus sprendimas.
Patikrink čia rasite visą „GitHub“ puslapį, ir jei norite peržiūrėti visus galimus pakeitimus jūs galite pamatyti tuos, kurie yra traukimo užklausų skirtuką.