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.

Lag vakre graderingsoverganger med Granim.js

Lag vakre graderingsoverganger med Granim.js

Webdesign er full av skjønnhet og behagelig grensesnittdesign. Noen funksjoner er funksjonelle, mens andre er bare for show. Gradient overganger er bare for show, men de pakker ganske bra!Med Granim.js kan du bygge egendefinerte fargegradientoverganger som ser jevnt ut og mesher pent sammen med et hvilket som helst nettsted.

(Tekniske og design tips)

Mest verdifulle merker av 2017 i et land [Infographic]

Mest verdifulle merker av 2017 i et land [Infographic]

Har du noen gang lurt på hva som er det største merket i verden ? Hvis du gjør det, vil dette infografiske laget av Howmuch.net interessere deg, da det er et kart som viser frem de mest verdifulle merkene i 2017, i tillegg til sin merkevarestyrke, i en rekke land rundt om i verden. Mens kartet ikke lister ned de mest verdifulle merkene i alle landene, markerer kartet noen av de største merkene rundt om i verden. Go

(Tekniske og design tips)