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.

Dekryptere Koden til NDA (Ikke-Opplysningsavtaler)

Dekryptere Koden til NDA (Ikke-Opplysningsavtaler)

For de som er frilansende, kan ikke-avsløringsavtalen eller NDA være en skummel ting. Det burde være skummelt. Det er ikke noe å bli tatt lett. Noen forfattere kan gå en hel karriere og aldri se en. Andre ser mange. Det er kjent av mange navn, navn som:Informasjon om eiendomsinformasjonHemmelighetsavtaleKonfidensiell Disclosure AgreementKonfidensialitetsavtaleDe tjener alle som en avtale mellom frilanseren - forfatteren, designeren, utvikleren, tekstforfatteren etc. - o

(Tekniske og design tips)

Bla gjennom Open Source WordPress-rammer på IncludeWP

Bla gjennom Open Source WordPress-rammer på IncludeWP

Fra WordPress tema designere til plugin utviklere, alle har nytte av å bygge på rammer . Det sparer tid for å jobbe med eksisterende WP-kode, og du trenger ikke å bekymre deg for feil eller sikkerhetsfeil.I løpet av det siste tiåret har WordPress økosystemet vokst mye. Det er dusinvis av rammer å velge mellom, og de har alle sine fordeler og ulemper.Heldigv

(Tekniske og design tips)