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


Kode Skriving Tekst Animasjoner med jQuery TypeIt

Kombinasjonen av jQuery og tekst har ingen grenser på nettet. Du kan bygge nesten alt med litt kreativitet og de riktige JavaScript-bibliotekene.

Et slikt bibliotek er TypeIt, bygget som et gratis jQuery-plugin. Det lar deg lage dynamiske skrive animasjoner som ser utrolig realistisk ut. Du kan selv definere tilpassede pauser mellom tastetrykk for å bygge din egen lettelse for animasjonen.

TypeIt er 100% gratis og åpen kildekode, bygget som et tekstverktøy for jQuery-fellesskapet . All dokumentasjonen er tilgjengelig online og utrolig enkelt å følge.

Men bare vær oppmerksom på at mens TypeIt kommer med et gratis personlig lisens, koster kommersielle lisenser dessverre koster penger. Men du kan bruke den gratis personlige lisensen for alltid, og den utløper aldri, så det er en god ressurs for alle dine personlige prosjekter eller til og med ditt personlige nettsted.

Du kan komme i gang ved å legge til den rå TypeIt JavaScript-filen via CDN til høyre for sidens overskrift. Deretter legger du til jQuery, skriver litt tekst, og koble sammen alt sammen. Enkel!

Vanligvis vil du målrette mot en bestemt div på siden og bruke den som en beholder for tekstanimasjonen. Her er en prøvekodebit for å vise deg hvordan dette virker:

 $ ('.type-it') .typeIt ({strenger: ['Dette er min streng!']}); 

Ved å sende tilpassede alternativer til typeIt() -funksjonen, kan du senke skrivehastigheten, legge til pauser med bestemte intervaller, og til og med tilbakestille innstillingene med bestemte intervaller for å endre hastigheten mid-animasjon.

Du kan til og med teste disse alternativene på plugin-siden hvis du er villig til å tilbringe litt tid med å titte rundt med innstillingene.

Denne tekst animasjonsbyggeren er det perfekte eksempelet på hva du kan gjøre med dette plugin. Du får så mange tilpassede muligheter at du selv kan bygge en webapp, ved hjelp av dette pluginet, for å lage animasjoner på farten !

På hovedinnstillingssiden finner du også avanserte alternativer mot bunnen med kodestykker du kan kopiere.

Så, last ned TypeIt og gi det et skudd! Når du får det til å fungere, er det virkelig mye moro. Og hvis du har noen spørsmål eller forslag til utvikleren, kan du koble deg til ham på Twitter @amacarthur.

10 produktivitetsverktøy for å gjøre mer med slakk

10 produktivitetsverktøy for å gjøre mer med slakk

Siden lanseringen i 2013 har Slack vokst til å bli et topp team kommunikasjonsverktøy. Dens tilgjengelighet på flere store plattformer gjør det til et flott verktøy for å generere samtaler, samarbeid og diskusjoner. Det tillater også integrasjon og tjenester fra tredjeparter for å gjøre livet enklere.For ekse

(Tekniske og design tips)

For Love Of Wood: 55 Amazing Wooden Sculptures [Bilder]

For Love Of Wood: 55 Amazing Wooden Sculptures [Bilder]

En berømt fransk maler og skulptør, Edgar Degas, sa en gang: "Kunst er ikke det du ser, men hva du får andre til å se." Og disse 20 talentfulle og kreative tømmerhuggerne lar oss se skjønnheten som er innlemmet i treskjæringsarbeidet gjennom deres kreasjoner . Mange av disse kunstnerne har også skåret sitt merke til den internasjonale kunstscenen.De flest

(Tekniske og design tips)