Erstellen Sie Responsive und Schöne ganzseitige Lightbox mit BaguetteBox.js
Es gibt Dutzende von Lightbox Plugins und sie sind alle aus verschiedenen Gründen großartig. Einige funktionieren besser auf Portfolio-Websites, während andere für Responsive-Layouts am besten geeignet sind.
Aber eines meiner beliebtesten neuen Plugins ist baguetteBox.js, das vom JavaScript-Entwickler Marek Grzybek entwickelt wurde.
Natürlich ist dieses Plugin völlig kostenlos und kann auf GitHub open-soured verwendet werden, wenn Sie den Code manuell untersuchen möchten.
Die Bibliothek hat keine Abhängigkeiten, daher können Sie sie ohne jQuery, Zepto oder irgendetwas anderes ausführen. Es ist eine reine JavaScript-Bibliothek mit einer wirklich einfachen Einrichtung .
Es soll perfekt auf mobilen Geräten funktionieren, so dass es Swipes und Taps sowie das Standardverhalten auf Desktops und Laptops unterstützen kann. Es handelt sich um eine der wenigen Vollbildgalerien, die mobile Interaktionen zusammen mit einem vollständigen Modaleffekt unterstützen .
Schau dir die Demo-Seite an, um sie live in Aktion zu sehen. Es hat eine voll ausgestattete Galerie, zusammen mit der Codezeile, die benötigt wird, damit es funktioniert :
baguetteBox.run ('. baguetteBoxOne');
Dies zielt also auf ein Containerelement mit der Klasse .baguetteBoxOne
und die gesamte Galerie arbeitet damit ab.
Sie können benutzerdefinierte Optionen festlegen, wenn Sie beispielsweise Beschriftungen, Schaltflächenstile, Preload-Funktionen und Rückrufmethoden für onclick / onchange-Ereignisse wünschen. Alle diese Optionen sind auf GitHub gut dokumentiert, wenn Sie tauchen wollen.

Sie haben die volle Kontrolle über Animationen, Bildgrößen, Swipe-Effekte und Galerie-Inhalte wie Titel / Untertitel. Dies erfordert JavaScript, sodass es keine reine CSS-Alternative zum Modal gibt. Da die meisten Browser JavaScript unterstützen, sollte dies kein Problem darstellen.
Um mehr zu erfahren, besuche die Hauptseite von baguetteBox.js und du kannst deine Gedanken mit dem Ersteller auf Twitter @feimosi teilen.

15 Geschenkideen für den Schriftsteller in Ihrem Leben
Nach der Veröffentlichung von Wunschlisten für Webentwickler, Designer, Geeks und sogar Kaffeeliebhaber ist es ein literarisches Verbrechen, keine Geschenkeliste für unsere Kollegen zu haben. Das sind die Leute, die Seiten nach Seiten mit unterhaltsamen, zum Nachdenken anregenden, manchmal erzieherischen Dingen herausbringen, die uns auf die eine oder andere Weise beeinflussen.Vo

So vergleichen Sie Bildrevisionen in Github
Mit Git können Sie nicht nur Änderungen im Code verfolgen, sondern auch die Änderungen vergleichen (auch bekannt als Diff ). Und falls die Revisionen schiefgehen, können Sie leicht zu früheren Versionen zurückkehren. Sie können Codeänderungen auch einfach und intuitiv mit Github vergleichen.Obwohl Github hauptsächlich dazu verwendet wird, um Codes, Projekte und Beiträge von Entwicklern zu teilen, können Sie historische Änderungen und Dateivergleiche sehen. Um dies zu