Ez a GitHub oldal listázza a nem-JS alternatívákat a közös felhasználói felülethez
Hányszor akartál egy gyors CSS-s diavetítés vagy modális ablak létrehozása? Ezek közül néhány a leggyakoribb felhasználói felület elemei a weben és manapság JavaScript nélkül is felépítheti őket.
Persze, lehetséges, hogy a Google-t megoldásokat keres. De miért nem válasszon egy kurált listából félelmetes erőforrások?
Ez a hely, ahol ez a GitHub oldal jön. Megnevezték "Nem kell JavaScript", és a működőképes megoldások óriási listáját kínálja közös interfész elemek.
Megjegyzendő, hogy ezek a kódok nem minden végső megoldás.
A listában nem minden támogatja az összes böngészőt, és sok ilyen megoldás nem képes teljes egészében a kecses degradációra vagy a mobil böngészőkkel kapcsolatos problémák kezelésére. Szóval meg kell állatorvosok egyenként Eseti alapon.
Ha azonban meghalsz tiszta CSS megoldások akkor ez a GitHub már lefedett.
A lista fel van tüntetve 20 különböző felhasználói felület elem számos kiemelkedő megoldással, például:
- Hamburger menük
- Tooltips
- Lapok
- Képgalériák
- A legördülő menük
- És még sok más.
Minden projekt linkek a CodePen demóhoz ahol tudsz látni élni együtt minta forráskódja.
Vegye figyelembe ezt a konkrét GitHub repót nincs tényleges kódja benne. Inkább ez csak a CodePen demók listája felvázoló nem közös JS megoldások a közös interfész problémákhoz.
Ez a tökéletes erőforrás ahhoz, hogy könyvjelzőt rendelhessen a jövőbeli referenciákhoz, és ha szükséges, tartsa szorosan.
Ön szabadon részt vehet, ha kapcsolatba lép valakivel fő GitHub oldal ha van ötlete vagy javaslata új forrásokra.
Szabadon vagy másolja a forráskódot bármelyik demóból és újra felhasználja őket projektjeiben.
Csak győződjön meg róla, hogy a CSS tulajdonságok lapot ellenőrizheti mielőtt bármit másolna extra könyvtárakat tartalmaz.
Összességében ez egy fantasztikus GitHub repo, és sokkal könnyebb használni, mint a Google-nak a tökéletes megoldáshoz való súrolása.
Ellenőrizd a teljes GitHub oldal itt, és ha akarod tekintse meg az összes lehetséges változást láthatjuk azokat a húzási kérelmek lap.
