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 å treffe Google på jakt etter løsninger. Men hvorfor ikke velge fra en kurert liste med kjempebra ressurser?
Det er der denne GitHub siden kommer inn i spill. Det har tittelen "Du trenger ikke JavaScript", og det gir en enorm liste over brukbare løsninger for felles grensesnittelementer .
En ting å merke seg er at disse kodene ikke er slutt-alle-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 mobilnettlesere. Så du trenger å dyrke hver enkelt individuelt i hvert enkelt tilfelle.
Men hvis du dør for rene CSS-løsninger, har denne GitHub deg dekket.
Listen inneholder over 20 forskjellige brukergrensesnittelementer med mange fremtredende løsninger, for eksempel:
- Hamburger menyer
- Verktøytips
- Tabs
- Bildegallerier
- Dropdown menyer
- Og så mye mer.
Hvert prosjekt knytter seg til en CodePen-demo der du kan se det leve sammen med sample kildekoden .
Merk at denne spesifikke GitHub-repoen ikke har noen faktisk kode i den. Det er heller bare en liste over CodePen-demoer som inneholder ikke-JS-løsninger til vanlige grensesnittproblemer .
Dette er den perfekte ressursen til bokmerke for fremtidig referanse og holder deg nær ved behov.
Du kan bidra med å kontakte noen fra GitHub-siden hvis du har ideer eller forslag til nye ressurser.
Du er fri til å kopiere noen kildekoden fra noen av disse demoene og bruke dem på nytt i prosjektene dine.
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.
Sjekk den komplette GitHub-siden her, og hvis du vil se alle mulige endringer, kan du se dem i fanen for trekkforespørsler .
20 Detaljerte UI Concept Sketches + Klar design for din inspirasjon
En skisse er et skjelett av en ide som kom til å være opprinnelig som en tanke. Mens vi pleide å gjøre det for hånd, og på papir, kan det skape forskjellige mock-ups og skisser i disse dager digitalt via forskjellige applikasjoner. Mens mange designere og kunstnere går med tiden og gjør skissene sine på datamaskiner, foretrekker et stort antall reklamer fortsatt å trekke for hånd.Det er flo
Chrome for iOS er nå åpen kildekode
IOS og Chrome-utviklere er med på en godbit, da Google har annonsert at iOS-versjonen av Googles nettleser er nå åpen kildekode .Chrome for iOS har alltid vært en oddity blant andre versjoner av nettlesere, da det aldri ble gjort åpen kilde i begynnelsen. Årsaken til dette skyldes naturen til iOS-plattformen som krever at alle nettlesere skal bygges på toppen av WebKit-motoren .Komple