Denna GitHub-sida listar icke-JS-alternativ för vanliga användargränssnitt
Hur många gånger har du velat bygg en snabb CSS-bara bildspel eller modal fönster? Dessa är några av de vanligaste användargrupperna på webben och nuförtiden kan du bygga dem utan några JavaScript.
Visst är det möjligt att träffa Google och letar efter lösningar. Men varför inte välj från en kurerad lista av fantastiska resurser?
Det är här den här GitHub-sidan kommer in i spel. Den har titeln "Du behöver inte JavaScript", och det erbjuder en stor lista över användbara lösningar för gemensamma gränssnittselement.
En sak att notera är att dessa koder är inte slutliga, alla lösningar.
Inte allt i listan stöder alla webbläsare, och många av dessa lösningar är inte fullt kapabla att hantera graciös nedbrytning eller problem med mobila webbläsare. Så du måste göra det veterinären var och en individuellt från fall till fall.
Men om du dör för rena CSS-lösningar då har du denna GitHub täckt.
Listan funktioner över 20 olika UI-element med många framstående lösningar, till exempel:
- Hamburger menyer
- verktygstips
- flikar
- Bildgallerier
- Dropdown menyer
- Och så mycket mer.
Varje projekt länkar till en CodePen-demo där du kan se det leva tillsammans med provkodskod.
Notera detta specifika GitHub repo har ingen faktisk kod i det. Det är snarare bara en lista över CodePen demos terar icke-JS-lösningar på vanliga gränssnittsproblem.
Det här är den perfekta resursen som bokmärke för framtida referens och håller dig vid behov om det behövs.
Du är fri att bidra genom att kontakta någon från HuvudgitHub-sidan om du har idéer eller förslag på nya resurser.
Du är fri att kopiera någon källkod från någon av dessa demos och återanvända dem i dina projekt.
Bara se till att du kontrollerar fliken CSS-egenskaper innan du kopierar någonting för att vissa innehåller extra bibliotek.
Sammantaget är detta ett fantastiskt GitHub repo och det är mycket lättare att använda än att skura Google för den perfekta lösningen.
Kolla full GitHub sida här, och om du vill Visa alla möjliga ändringar du kan se dem i dra önskat flik.
