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


Viewer - Einfaches Bild-Zoom-Plugin für Vanilla JS & jQuery

Sie können eine schnelle Suche durchführen und Dutzende von Bibliotheken für Leuchtkästen, Diashows und Galerien finden.

Eine der neuesten Bibliotheken, die meine Aufmerksamkeit erregt haben, ist der Viewer. Derzeit in der Version 0.6 ist es immer noch ein Projekt in der Entwicklung, aber das Design und die Funktionen dieses Bild- Plugins sind beide phänomenal.

Auf der Startseite finden Sie eine Live-Demo mit verschiedenen Bildstilen. Sie können Ihre eigene Galerie auf verschiedene Funktionen einstellen, z. B. direktes Zoomen mit einem einzelnen Bild oder eine längere Diashow mit vielen Bildern.

Dies kommt auch mit einem "Inline-Modus", der den Bildbetrachter an ein Element auf der Seite anfügt. Wenn der Benutzer also auf ein Miniaturbild klickt, wird das Foto innerhalb dieses Elements und nicht auf der gesamten Seite vergrößert .

Sie finden Schaltflächen für so ziemlich alles: Rotationen, zusätzliche Beschriftungen und vollständiges 1: 1-Zoomen, um eine klare Ansicht von hochauflösenden Fotos zu erhalten.

Mit ein paar JS-Optionen entscheiden Sie, wie das Viewer-Skript funktionieren soll . Möchten Besucher nicht in Bilder hineinzoomen lassen? Kein Problem.

Sie können auch die Diashow-Funktion deaktivieren oder einfach die Schaltflächen für die nächste / vorherige Ebene in der Benutzeroberfläche deaktivieren. Gleiches gilt für die Vorschaubilder, die angezeigt werden, wenn die Diashow vollständig angezeigt wird.

Beachten Sie auch, dass dieses Skript eine Nicht-jQuery-Version hat, wenn Sie Vanille JS bevorzugen. Beide Plugins arbeiten auf die gleiche Weise und sie sind beide in aktiver Entwicklung. Alles, was Sie zum Anpassen dieser Schnittstelle benötigen, finden Sie auf der GitHub-Hauptseite.

Wenn Sie Ihre eigenen UIs programmieren wollen, dann ist der Viewer ein sehr cooles Plugin. Es bietet so viel Kontrolle über das Verhalten jeder Diashow, dass Sie dies in so ziemlich alles, was Sie wollen, umstrukturieren können.

Webentwickler werden einen Feldtag mit allen Optionen in diesem kostenlosen Bildskript arbeiten.

9 Indie-Marktplätze, um Ihre Designs zu verkaufen

9 Indie-Marktplätze, um Ihre Designs zu verkaufen

Heutzutage ist es einfacher denn je, deine Kreationen mit der Welt zu teilen . Es gibt zahlreiche Unternehmen, die es sich zur Aufgabe gemacht haben, Ihnen beim Verkauf digitaler Produkte jeglicher Art, einschließlich Musik, Videos, E-Books und Designs, zu helfen. Die meisten von ihnen werden dafür sorgen, dass Ihre Premium-Produkte so viele Produktansichten wie möglich erhalten, aber dafür nehmen sie ein großes Stück Ihres Umsatzes ein.Heute

(Tech- und Design-Tipps)

30 Super SVG Animation für Ihre Inspiration

30 Super SVG Animation für Ihre Inspiration

Designer erstellten Animationen in HTML-Elementen mit CSS. Aufgrund der Einschränkungen von HTML-Elementen beim Erstellen von Mustern, Formen und anderen, wenden sie sich natürlich an SVG, das interessantere Funktionen bietet.Mit SVG arbeiten wir gut mit der Unterstützung von SVG-Animationen, und wir haben mehr Möglichkeiten, neue Animationen zu erstellen. Si

(Tech- und Design-Tipps)