Denne GitHub-siden viser ikke-JS-alternativer for vanlige brukergrensesnittfunksjoner
Hvor mange ganger har du ønsket å bygge en rask CSS-bare lysbildefremvisning eller modalvindu? Dette er noen av de vanligste brukergrensesnittelementene på nettet og i dag kan du bygge dem uten JavaScript.
Jo, det er mulig å slå Google på jakt etter løsninger. Men hvorfor ikke velg fra en kurert liste av fantastiske ressurser?
Det er her denne GitHub siden kommer inn i spill. Den har tittelen "Du trenger ikke JavaScript", og det tilbyr en enorm liste over brukbare løsninger for Vanlige grensesnittelementer.
En ting å merke seg er at disse kodene er ikke alle ende-alle-løsninger.
Ikke alt i listen støtter alle nettlesere, og mange av disse løsningene er ikke fullt i stand til å håndtere grasiøs nedbrytning eller problemer med mobile nettlesere. Så du må dyrker hver enkelt individuelt i hvert enkelt tilfelle.
Men hvis du dør for rene CSS-løsninger så har denne GitHub deg dekket.
Listen har over 20 forskjellige UI-elementer med mange fremtredende løsninger, for eksempel:
- Hamburger menyer
- Verktøytips
- Tabs
- Bildegallerier
- Dropdown menyer
- Og så mye mer.
Hvert prosjekt kobler seg til en CodePen-demo hvor du kan se det live sammen med prøve kildekode.
Merk denne spesifikke GitHub repo har ingen egentlig kode i det. Snarere er det bare en liste over CodePen demoer med Ikke-JS-løsninger til felles grensesnittproblemer.
Dette er den perfekte ressursen til bokmerke for fremtidig referanse og holder deg nær ved behov.
Du er fri til å bidra ved å kontakte noen fra viktigste GitHub side hvis du har ideer eller forslag til nye ressurser.
Du er fri til kopier hvilken kildekode som helst fra noen av disse demoer og gjenbruk dem i dine prosjekter.
Bare vær sikker på at du sjekker CSS egenskaper fanen før du kopierer noe fordi noen inneholder ekstra biblioteker.
Samlet sett er dette en fantastisk GitHub repo, og det er mye enklere å bruke enn å skure Google for den perfekte løsningen.
Undersøk full GitHub side her, og hvis du vil se alle mulige endringer du kan se dem i trekk forespørsler fanen.
