Ova GitHub stranica prikazuje alternative koje nisu JS za uobičajene značajke korisničkog sučelja
Koliko ste puta htjeli izgradite brzi slideshow ili modalni prozor za CSS? Ovo su neki od najčešći elementi korisničkog sučelja na webu i danas ih možete graditi bez JavaScripta.
Naravno, moguće je pogoditi Google u potrazi za rješenjima. Ali zašto ne odaberite s kustoskog popisa izvrsnih resursa?
Tamo dolazi ova GitHub stranica. Naslov je "Ne trebate JavaScript", i nudi ogroman popis praktičnih rješenja za zajednički elementi sučelja.
Jedna stvar koju treba zapaziti je da su ti kodovi ne na kraju sve biti sva rješenja.
Nije sve na popisu podržava sve preglednike, a mnoga od tih rješenja nisu u potpunosti sposobna upravljati gracioznom degradacijom ili problemima s mobilnim preglednicima. Tako ćete morati veterinara svakoga pojedinačno od slučaja do slučaja.
Međutim, ako za to umireš čista CSS rješenja onda je ovaj GitHub pokrio.
Popis ima više 20 različitih elemenata korisničkog sučelja s mnogim istaknutim rješenjima, kao što su:
- Izbornici hamburgera
- Kratki opisi
- Kartice
- Galerije slika
- Padajući izbornici
- I još mnogo toga.
Svaki projekt povezuje se na demo CodePen gdje možeš vidjeti ga uživo zajedno s uzorak izvornog koda.
Zabilježite ovo specifično GitHub repo nema stvarnog koda u tome. Umjesto toga, to je samo popis demoa CodePen koji sadrži ne-JS rješenja za uobičajene probleme sučelja.
Ovo je savršen izvor za označavanje za buduću referencu i držite ga u blizini ako je potrebno.
Slobodno možete sudjelovati ako kontaktirate bilo koga iz programa glavna GitHub stranica ako imate ideje ili prijedloge za nove resurse.
Slobodni ste kopirajte bilo koji izvorni kod iz bilo kojeg od ovih demonstracija i ponovno ih koristiti u vašim projektima.
Samo se pobrini za to provjerite karticu CSS svojstava prije kopiranja, jer neke sadrže dodatne knjižnice.
Sve u svemu, ovo je jedan fantastičan GitHub repo i mnogo je lakše koristiti od Googlea za to savršeno rješenje.
Provjeri punu GitHub stranicu ovdje, i ako želite pregledajte sve potencijalne promjene možete vidjeti one u karticu povuci zahtjeve.