it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Incorpora GIF animate come Facebook con jqGifPreview

Twitter e Facebook hanno un sacco di persone che condividono quotidianamente GIF animate . Se questi sono tutti riprodotti automaticamente potrebbero essere raccapriccianti in un feed.

Entrambe le reti riescono a risolverle con una funzione di anteprima click-to-look per tutte le GIF. Ciò consente all'utente di scegliere quali animazioni desidera vedere scegliendo quando avviare / interrompere l'animazione.

Con il plugin jqGifPreview, puoi portare questa stessa funzionalità al tuo sito web.

Questo plug-in gratuito di jQuery funziona su tutte le GIF sulla pagina o può indirizzare in modo specifico qualsiasi cosa tu desideri. È una risorsa fantastica ma richiede un po 'di tempo per iniziare.

Una GIF in pausa è in realtà solo un fotogramma dell'animazione, visualizzato sulla pagina.

Sfortunatamente, questo plugin non preleva automaticamente un'immagine statica dal GIF . Ma puoi farlo usando PHP o qualsiasi altro linguaggio di back-end, quindi con un po 'di codice questo può essere automatizzato.

Questo plugin utilizza un attributo data- * per memorizzare la posizione dell'immagine GIF . Una volta che l'utente fa clic sull'immagine, verrà caricato automaticamente nell'attributo src dell'immagine e visualizzato sullo schermo.

Semplice, efficace e decisamente un effetto pulito! Tutto ciò di cui hai bisogno sono i file CSS / JS per questo plugin che puoi estrarre direttamente da GitHub . E, naturalmente, avrai bisogno anche di una copia di jQuery .

Da lì, imposti la tua immagine in questo modo:

L'attributo src principale dovrebbe contenere l'immagine statica . Puoi creare uno script per generarlo oppure puoi modificare e caricare manualmente uno scatto statico per ogni GIF.

L'attributo data-gif contiene la vera GIF animata e si scambieranno al clic se si targetizza la classe dell'immagine principale (in questo caso, è .myImg ). Ora, tutto ciò che serve è una riga di jQuery per far funzionare tutto:

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

Sicuramente, uno dei plugin jQuery più interessanti che ho visto questo mese ed è abbastanza facile da configurare.

Puoi saperne di più visitando la pagina GitHub e c'è anche un'anteprima demo live ospitata sul sito web dello sviluppatore.

Le 10 migliori app per registrare le pietre miliari e gli obiettivi del tuo bambino

Le 10 migliori app per registrare le pietre miliari e gli obiettivi del tuo bambino

Avere un figlio è una delle grandi gioie della vita, o almeno così mi è stato detto. Se sei un nuovo genitore, è naturale che tu voglia documentare e registrare la vita del tuo bambino . Che si tratti di un record giornaliero o di traguardi come una prima parola o il primo compleanno, non ci sarà mai una carenza di ricordi che necessitino di documentazione . Ino

(Consigli tecnici e di design)

Mastodon: come Twitter, ma molto più fresco

Mastodon: come Twitter, ma molto più fresco

Se sei stato un utente di Twitter di lunga data, è probabile che tu abbia familiarità con alcuni dei più ... cambiamenti non necessari di Twitter . Mentre molti di noi hanno deciso di restare con Twitter per il momento, un tedesco di 24 anni di nome Eugene Rochko ha deciso di prendere in mano la situazione per sviluppare una versione "migliore" di Twitter. Q

(Consigli tecnici e di design)