de.hideout-lastation.com
Paradies Für Designer Und Entwickler


SimpleLightbox - Touch-freundliche Bild Lightbox, die auch WordPress unterstützt

Portfoliosites, Blogposts und sogar soziale Websites verwenden Lightboxes. Sie sind praktisch , um größere Inhalte anzuzeigen, ohne mehr Platz auf der Seite zu beanspruchen .

Aber es gibt keinen Grund, sich selbst zu gründen, wenn es so viele kostenlose Skripte online gibt. Eines meiner neuen Favoriten ist die SimpleLightbox, die 100% Open Source und Mobile Responsive auf allen Geräten unterstützt .

Alle Miniaturbilder und Lightbox-Navigationslinks unterstützen Touch-Verhalten, sodass Benutzer Inhalte von jedem Smartphone oder Tablet aus durchsuchen können.

Auf der Startseite finden Sie Links zum offiziellen GitHub Repo, dem offiziellen WordPress-Plugin und der offiziellen TYPO3-Erweiterung.

Diese Bibliothek ist massiv und es ist bei weitem eine der besten Lightbox-Galerien, die Sie finden. Es verwendet ein echtes Lightbox-Design, das beim Betrachten einer Galerie ein kleines Overlay oben auf der Seite hinzufügt .

Jedes Miniaturbild wird zusammen mit den Pfeilen für die Navigation durch die gesamte Diashow angezeigt. Sie können jedoch zusätzliche Funktionen mit der SimpleLightbox API hinzufügen . Es gibt eine vollständige Tabelle mit Funktionen in der Dokumentation und das sind einige meiner Favoriten:

  • Navigationstext
  • Bildunterschriften
  • Bildverhältnisgrößen
  • Swipe-to-close-Funktion.
  • Benutzerdefinierte Animationsstile
  • Optionale Ladespinner.

Außerdem können Sie mit dieser Bibliothek Callback-Funktionen ausführen, wenn der Benutzer auf eine Galerie klickt, zu einem neuen Bild wischt oder eine andere allgemeine Aktion ausführt.

Diese Methoden sind alle auf der Hauptseite dokumentiert, einschließlich Live-Beispielen im GitHub-Quellcode . Sie können eine Kopie mit Bower oder Yarn als Paketverwaltungswerkzeug ziehen, obwohl GitHub möglicherweise eine einfachere Methode ist, wenn Sie mit der Befehlszeile nicht vertraut sind.

Wie auch immer, diese Bibliothek ist beeindruckend. Es kann erstaunlich gut auf persönlichen oder Corporate-Portfolio-Websites arbeiten, um Ihre Arbeit mit Touchscreen-Unterstützung zu zeigen.

Um mehr zu erfahren, werfen Sie einen Blick auf die SimpleLightbox Homepage und laden Sie eine Kopie des Skripts von GitHub herunter.

Hinzufügen von Fortschrittsschritten zu Formularen mit diesem jQuery-Plugin

Hinzufügen von Fortschrittsschritten zu Formularen mit diesem jQuery-Plugin

Die meisten von uns wissen über Fortschrittsbalken und wie diese im UI-Design funktionieren. Sie helfen beim Definieren von Seitenladezeiten, beim Hochladen von Formularen und ähnlichen Verzögerungen zwischen Seiten.Aber die Fortschritte sind ein wenig anders. Diese funktionieren wie Brotkrumen oben auf der Seite, um Benutzer durch einen Schritt-für-Schritt-Prozess zu leiten (normalerweise Formulare für Anmeldung und Auschecken).Mit

(Tech- und Design-Tipps)

20 Toy Packaging Designs, die absolut bezaubernd sind

20 Toy Packaging Designs, die absolut bezaubernd sind

Viele gute Produkte von hoher Qualität legen viel Wert auf ihre Verpackung. Die Verpackung bietet nicht nur eine Art Schutz für das Produkt, die Verpackung ermöglicht auch ein interaktives Markenengagement . Wir sehen, fühlen, berühren, erkennen und achten auf eine gute Verpackung . Aus diesem Grund legen Spielzeughersteller großen Wert auf ihre Verpackungsdesigns.In di

(Tech- und Design-Tipps)