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


Wicked CSS - Et varmt nytt animasjonsbibliotek i ren CSS3

Takket være CSS3 kan du bygge noen gale animasjoner på nettet. Disse kan fungere over alle nettlesere og sideelementer for å kontrollere navigasjonselementer, rullegardiner, faner, du nevner det.

Faktisk kan du selv generere disse kodene dynamisk ved hjelp av animasjonsverktøy. Men de er ganske begrenset i forhold til et fullverdig animasjonsbibliotek.

Wicked CSS er det nyeste biblioteket i sitt slag. Dette minner meg om den tidlige Animate.css som var ganske enkel og rudimentær, men kan likevel brukes i stort sett hvilket som helst nettsted.

Ta en titt på hjemmesiden for en live demo sammen med en liste over alle støttede animasjoner. Når jeg skriver denne artikkelen, teller jeg 24 totalt animasjonsstiler fra lysbilder til rotasjoner og pulserende / studsende effekter.

Mange av disse animasjonene er engangsfunksjoner som brukes til å bringe et element inn i visning (eller ute av visning). Dette er nyttig for sider med rulle-til-visning-animasjoner som målretter mot bestemte sideelementer.

Men du kan også bruke dette til å vise (eller skjule) ekstra sideelementer som rullegardinmenyer, søkefelt, skjulte påmeldingsskjemaer eller noe annet. Her er en liten liste over animasjoner du kan velge fra:

  • Riste
  • Zoom inn / ut
  • Skyv opp / ned
  • Fade inn / ut
  • Ruller inn / ut
  • Bounce og pop
  • Sirkulær rotasjon inn / ut

Alle disse animasjonsstilene er laget for en enkelt bruk. De kan kalles flere ganger per side og per element, men disse gjentar ikke animasjoner .

I stedet bruker du disse basert på brukerens klikk, svever eller sveiper effekt. De kan også brukes på CTA-knapper for pulserende / bankende effekter, men det krever en JavaScript-tidsfunksjon.

Ta en titt på eksempelsiden for et live forhåndsvisning og noen flere detaljer. Du finner også full dokumentasjon på hovedstedet sammen med GitHub repo.

Wicked CSS er et nyere bibliotek, slik at det ikke har et stort følge ennå. Men biblioteket er stabilt og det er sannsynlig å være rundt i årene som kommer.

9 kvinner som endret hvordan vi bruker Internett

9 kvinner som endret hvordan vi bruker Internett

Mangfold i teknologibedrifter er et av de heteste emnene i cyberspace nå og viser ingen tegn på å dø ned. Dette er hovedsakelig forårsaket av de største tech-selskapene som Facebook, Twitter og Google, som frigir sine arbeidstakers mangfoldsdata, og utfordrer ny debatt om hvorfor det ikke er flere kvinner som arbeider i tech. Det

(Tekniske og design tips)

Slik logger du ut Gmail eksternt fra flere enheter

Slik logger du ut Gmail eksternt fra flere enheter

Hvis du er en hyppig bruker av Gmail og logger på og logger ut mellom flere datamaskiner for personlig bruk og arbeid, er det en sjanse for at du kan glemme å logge deg ut av Gmail-kontoen din. Når du innser at du har glemt å logge ut, er du ikke nær arbeidsstasjonen.Situasjonen kan bli avgjørende hvis din bærbare eller mobiltelefon er stjålet, og du vil koble fra Gmail-meldingen din umiddelbart. Heldig

(Tekniske og design tips)