See GitHubi leht loetleb tavapäraste kasutajaliidese funktsioonide mitte-JS-i alternatiivid
Mitu korda olete tahtnud ehitada kiire CSS-i slaidiseansi või modaalaken? Need on mõned kõige levinumad kasutajaliidese elemendid veebis ja tänapäeval saate neid ilma JavaScriptita ehitada.
Muidugi on võimalik Google'ile lahendusi otsida. Aga miks mitte vali kureeritud nimekirjast suurte ressursside kohta?
Seal mängib see GitHubi leht. See on pealkirjaga "Sa ei pea JavaScript", ja see pakub tohutut nimekirja rakendatavatest lahendustest ühised liidese elemendid.
Üks asi on märkida, et need koodid on mitte kõik-kõik lahendused.
Kõik nimekirjas olevad failid ei toeta kõiki brausereid ning paljud neist lahendustest ei ole täielikult võimelised käsitsema graatsilist halvenemist või mobiilibrauseritega seotud probleeme. Nii et sa pead looma igaüks eraldi juhtumipõhiselt.
Kuid kui sa sured puhtad CSS-lahendused siis see GitHub on suletud.
Nimekiri on üle 20 erinevat kasutajaliidese elementi paljude silmapaistvate lahendustega, näiteks:
- Hamburgeri menüüd
- Tooltips
- Vahekaardid
- Pildigaleriid
- Rippmenüüd
- Ja palju muud.
Iga projekt viitab CodePeni demole kus sa saad vaata seda elavat koos proovi lähtekoodi.
Pange tähele seda konkreetset GitHub repot ei ole tegelikku koodi selles. Pigem on see lihtsalt CodePeni demode loend featuring mitte-JS-lahendused ühistele liidese probleemidele.
See on ideaalne ressurss, et järjehoidjaid tulevikus kasutada ja vajadusel hoida.
Te võite vabalt osaleda, kui pöördute kellegi poole peamine GitHubi leht kui teil on uusi ressursse puudutavaid ideid või soovitusi.
Sa oled vaba kopeerige lähtekood mis tahes neist demodest ja neid uuesti kasutada oma projektides.
Lihtsalt veenduge, et kontrollite vahekaarti CSS atribuudid enne midagi kopeerimist, sest mõned sisaldab täiendavaid raamatukogusid.
Üldiselt on see üks fantastiline GitHub repo ja seda on palju lihtsam kasutada kui Google'i puhastamist selle täiusliku lahenduse jaoks.
Kontrolli Täielik GitHubi leht siin, ja kui soovite vaadata kõiki võimalikke muudatusi näete neid tõmba taotluste vahekaart.
