no.hideout-lastation.com
Paradis For Designere Og Utviklere


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 demnytt 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

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

(Tekniske og design tips)

Chrome for iOS er nå åpen kildekode

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

(Tekniske og design tips)