Legg inn animerte GIFs som Facebook med jqGifPreview

Twitter og Facebook har mange mennesker som deler animerte GIF hver dag. Hvis disse er alle auto-spilte, kan de være grusomme i en feed.

Begge nettverkene kommer rundt dette med en klikk-for-forhåndsvisning for alle GIF-er. Dette lar brukeren velge hvilke animasjoner de vil se ved å velge når du skal starte / stoppe animasjonen.

Med pluggen for jqGifPreview kan du ta med samme funksjonalitet til nettstedet ditt.

Dette gratis jQuery-pluginet fungerer på alle GIF-er på siden, eller kan spesifikt målrette mot alt du vil ha. Det er en fantastisk ressurs, men det tar litt tid å sette opp.

En pauset GIF er egentlig bare en ramme av animasjonen, som vises på siden.

Dessverre trekker dette pluginet ikke automatisk et statisk bilde fra GIF for deg. Men du kan oppnå dette ved å bruke PHP eller et annet backend-språk, så med litt kode kan dette automatiseres.

Dette pluginet bruker et data- * attributt for å lagre GIF-bildeposisjonen . Når brukeren klikker på bildet, lastes det automatisk inn i src attributtet til bildet og vises på skjermen.

Enkel, effektiv og definitivt en fin effekt! Alt du trenger er CSS / JS-filene for dette pluginet som du kan trekke direkte fra GitHub . Og selvfølgelig trenger du også en kopi av jQuery .

Deretter setter du opp bildet ditt slik:

Hovedattributtet for src skal inneholde det statiske bildet . Du kan enten bygge et skript for å generere det, eller du kan manuelt redigere og laste opp et statisk skudd for hver GIF.

data-gif attributtet inneholder den virkelige animerte GIF-en, og de bytter på klikk hvis du målretter mot hovedbildeklassen (i dette tilfellet er det .myImg ). Nå, alt du trenger er en linje av jQuery for å få alt til å fungere:

 $ ( "MyImg".) JqGifPreview (.); 

Definitivt, en av de kuleste jQuery-plugins jeg har sett denne måneden, og det er ganske enkelt å sette opp.

Du kan lære mer ved å besøke GitHub-siden, og det er også en live demo forhåndsvisning som er hostet på utviklerens nettsted.

Hvorfor bare skrive er det beste skriftlige råd du får

Da jeg først begynte som profesjonell forfatter, leste jeg alle ressursene jeg kunne få tak i. Når jeg leser, leser, og leser noe mer, la jeg merke til at ett råd fortsatte å kutte opp: "Hvis du vil bli forfatter, skriv bare."Først trodde jeg det, det er ikke veldig hjelpsomt. Åpenbart er skriving hva forfattere gjør. Dessut

(Tekniske og design tips)

Test ditt nettsteds mobile vennlighet med dette Google-verktøyet

År 2016 gjorde historien når mobilt Internett-bruk overgikk skrivebordet for første gang noensinne. Det bør være rikelig klart at responsivt webdesign ikke kan ignoreres .Men bare fordi du lager et responsivt oppsett betyr det ikke at brukeropplevelsen vil bli bra. Du må alltid vurdere brukervennlighet på forskjellige enheter og total lastetid for siden .Google

(Tekniske og design tips)