15 librerie lightbox per la reattività dei dispositivi mobili

Lightbox è un modo popolare per sovrapporre le immagini sul web . Quando fai clic su un'immagine, la Lightbox viene visualizzata con una forma di animazione e attenua lo sfondo in modo che l'attenzione si concentri sull'immagine stessa. L'immagine è anche più grande in scala. Le più famose librerie di lightbox di Lightbox che conosciamo da anni ti permettono di farlo bene sul desktop, ma non tanto sulle piattaforme mobili.

Trascurare questo, e la necessità di reattività, non è una buona idea al giorno d'oggi, motivo per cui questa raccolta di 15 librerie di Lightbox reattive deve essere verificata.

Altro su Hongkiat:

• Creazione di una finestra modale facilmente con la finestra di dialogo HTML5
• Le prime 10 gallerie di immagini reattive gratuite / presentazioni
• Crea, controlla e personalizza la finestra modale migliore per il tuo sito usando Vex
• jQuery Gallerie di immagini e cursori - Best Of

PhotoSwipe

PhotoSwipe è di gran lunga il mio plugin per ligthbox preferito. È leggero, abilitato al tocco e, cosa più importante, modulare che mi consente di abbandonare alcune parti che non sono necessarie. Funziona bene nei browser mobili. Puoi scorrere le immagini con le dita come faresti con un'app nativa e la transizione diventa davvero fluida.

• Dipendenza : nessuna
• Supporto per browser : IE8 +, Chrome, Firefox, Safari, Opera e un paio di browser per dispositivi mobili.
• Licenza : licenza MIT

MagnificPopup

MagnificPopup è un altro plugin lightbox, sviluppato dalla stessa persona che ci ha dato PhotoSwipe, Dmitry Semenov. Si presenta sotto forma di un plug-in jQuery / Zepto e offre anche funzionalità mancanti in PhotoSwipe come il supporto per i contenuti Video, Mappa e Ajax. Questa è un'ottima alternativa per coloro che preferiscono avere più funzioni a portata di mano.

• Dipendenza : jQuery 1.9.1+ o Zepto.js
• Supporto per browser : IE7 (parzialmente), IE8 +, Chrome, Firefox, Safari e Opera.
• Licenza : licenza MIT

SwipeBox

Swipebox è un plugin jQuery con supporto touch gesture per piattaforma mobile. Supporta anche i video di Youtube e Vimeo oltre alle immagini. Swipebox è anche decisamente facile da implementare e ha una manciata di opzioni per personalizzare il suo comportamento. Penso che Swipebox sia un ottimo plugin lightbox per i noob JavaScript.

• Dipendenza : jQuery
• Supporto per browser : IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android e Windows Phone.
• Licenza : non definita

iLightbox

iLighbox è un plugin jQuery lightbox con un ampio supporto di tipi di media: inclusi video, Flash / SWF, contenuto Ajax, iframe e mappe. Questo plugin aggiunge anche i pulsanti dei social media in cima al media, consentendo agli utenti di condividerlo con Facebook, Twitter o Reddit. Consulta anche la sezione avanzata per vedere come iLightbox può essere applicato in diversi scenari.

• Dipendenza : jQuery
• Supporto per browser : IE7 +, Chrome, Firefox, Safari e Opera
• Licenza : non definita

Lightbox per Bootstrap

Lightbox è uno dei pezzi incredibilmente mancanti di Bootstrap. Questo plugin risolve questo. Se stai usando Bootstrap, consiglio vivamente di utilizzare questa libreria. Il plugin è ben integrato con il codice base di Bootstrap.

• Dipendenza : jQuery e Bootstrap Modal
• Supporto per browser : IE8 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza GNU

Lightbox Nivo

Nivo Lightbox è un plugin lightbox flessibile. Sono incluse diverse opzioni per cambiare l'aspetto nel modo in cui desideri che appaia, come cambiare il tema, l'effetto di transizione e cambiare la navigazione.

• Dipendenza : jQuery
• Supporto per browser : IE9 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza MIT

ImageLightbox

ImageLightbox è un plugin lightbox senza ingombro. È stato creato appositamente per l'immagine, quindi il nome fornito - nessun tipo di video o altro supporto supportato. Inoltre non richiede il markup HTML estraneo; il l'elemento è sufficiente Il plugin funziona.

• Dipendenza : jQuery
• Supporto per browser : IE9 +, Chrome, Firefox, Safari e Opera
• Licenza : non definita

Mini Lightbox

Un altro plugin lightbox con nessuno dei bloat. La libreria è solo 2kb e funziona solo con le immagini. È il plugin perfetto se si designa solo per il browser più recente e non è necessario sovrapporre altri tipi di file multimediali come i video.

• Dipendenza : nessuna
• Supporto per browser : IE10 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza MIT

LightCase

Lightcase è un delizioso plugin lightbox. Viene fornito con diverse animazioni che rendono viva l'interazione dell'utente, come lo sbiadimento, lo zoom elastico e lo scorrimento. Inoltre, supporta anche vari tipi di media tra cui Youtube embed, HTML video, SWF e moduli di input. Il plugin gestisce anche correttamente i media non possono essere raggiunti o trovati errori

• Dipendenza : jQuery
• Supporto per browser : IE9 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza GPL

Yalb

Yalb sta per Yet Another Lightbox - ma non lo è. Yalb viene fornito con una serie di API che includono eventi personalizzati che consentono di identificare gli stati lightbox, ad esempio quando è open e quando è close . Yalb è disponibile in due versioni, Vanilla JavaScript e jQuery plugin.

• Dipendenza : nessuna
• Supporto per browser : IE9 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza MIT

Piuma leggera

Il 6kb Featherlight è un plug-in per sviluppatori esperti e porta solo l'essenziale. Se è necessario, ad esempio, raggruppare lightbox di immagini in una galleria, è possibile includere l'estensione della galleria. È inoltre possibile sviluppare la propria estensione per questo plug-in in base alle esigenze del progetto.

• Dipendenza : jQuery
• Supporto per browser : IE8 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza MIT

LightLayer

LightLayer è un plugin lightbox facile da usare. Ha una manciata di opzioni, metodi JavaScript personalizzati ed eventi personalizzati. il plugin funziona con immagini, video, mappe e contenuti esterni. Cosa c'è di più possiamo chiedere.

• Dipendenza : jQuery
• Supporto per browser : IE9 +, Chrome, Firefox, Safari e Opera
• Licenza : licenza MIT

LightGallery

LightGallery, un altro plugin lightbox con molte funzionalità aggiunte. Viene fornito con più di 20 opzioni per personalizzare i più piccoli dettagli del lightbox.

• Dipendenza : jQuery
• Supporto per browser : IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android e Windows Phone
• Licenza : licenza MIT

FluidBox

Fluidbox è un plugin lightbox di immagini ispirato a Medium. Funziona con le immagini in varie circostanze, tra cui l'immagine fluttuante, l'immagine con absolute posizione absolute, le immagini con bordo e riempimento e le gallerie. Scopri come è stato costruito. Se hai bisogno di un plugin per WordPress, ce n'è uno.

• Dipendenza : jQuery
• Supporto per browser : IE9 +, Chrome, Firefox, Safari, Opera
• Licenza : licenza MIT

StripJS

StripJS è un plugin lightbox unico. Invece di sovrapporre l'immagine, il plugin scorre invece le immagini dal lato, in modo che non blocchi l'intero contenuto. StripJS supporta sia l'immagine che il video.

• Dipendenza : jQuery
• Supporto per browser : IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ e Android 3+
• Licenza : licenza Creative Commons BY-NC-ND 3.0

15 ricette IFTTT per Github

IFTTT (abbreviazione di If This, Then That ) è un servizio gratuito per connettere diversi servizi online, come siti di social media, IoT e strumenti di produttività online, e automatizzare attività tipiche su di essi . Ad esempio, utilizzando IFTTT puoi twittare automaticamente tutti i tuoi nuovi aggiornamenti di stato di Facebook.I

(Consigli tecnici e di design)

Controlla le prestazioni e la qualità di qualsiasi sito web con Lighthouse

Google è all'avanguardia del moderno web design. Offre così tanti strumenti, da Analytics a DevTools, tutti con lo scopo di aiutare le persone a creare un Web migliore.Recentemente ha pubblicato un altro utile strumento chiamato Faro. Questo è uno strumento di test automatico gratuito che viene eseguito in background su Chrome . F

(Consigli tecnici e di design)