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.

Condividi il tuo Wi-Fi con i tuoi ospiti utilizzando Raspberry Pi

Supponiamo che a nessuno piaccia ripetere la password del Wi-Fi a un gruppo di ospiti. Il programmatore NicoHood sembra condividere questo sentimento, il che spiega perché ha creato "Guestwlan" . È un programma che semplifica l'intero problema "condividi la tua password Wi-Fi con la folla".G

(Consigli tecnici e di design)

20 workstation progettate in modo univoco e scrivanie per ufficio

Accanto al letto e alla nostra macchina, la nostra postazione di lavoro è probabilmente uno dei luoghi in cui passiamo la maggior parte del nostro tempo . Chi non ha dovuto occasionalmente pranzare mentre sta lavorando, giusto? Se è davvero così, forse è ora che le nostre postazioni di lavoro si rafforzino. Do

(Consigli tecnici e di design)