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.

Verwenden Sie Mengenabfragen, um Ihre CSS-Mengen zu sensibilisieren

Verwenden Sie Mengenabfragen, um Ihre CSS-Mengen zu sensibilisieren

Mengenabfragen sind speziell eingerichtete CSS-Selektoren, mit denen Entwickler ihren Code quantitätsbewusst machen können . Im Responsive Design verwenden wir normalerweise Medienabfragen, um unser Design an verschiedene Ansichtsfenster anzupassen. In einigen Fällen möchten wir jedoch zu einem anderen Layout wechseln oder andere Dimensionen oder Ästhetik verwenden, nachdem eine bestimmte Menge des gleichen Inhaltstyps auf dem Bildschirm vorhanden ist.Es i

(Tech- und Design-Tipps)

Schaufenster von Space inspiriert Website-Designs

Schaufenster von Space inspiriert Website-Designs

Der Raum ist eine der besten Inspirationsquellen für jede Art von Arbeit: Schreiben, Malen oder sogar Raumtapeten; und jetzt Webdesign. Es ist so groß, bunt und aufregend, dass es unmöglich ist, apathisch auf diese lebendigen und attraktiven Farben, unerforschte Orte zu schauen. Webdesigner fangen seine Schönheit sehr gut ein, indem sie Lichteffekte, bunte Formen und Planetenbilder verwenden, um inspirierenden und atemberaubenden Universumsinn beim Websitedesign zu schaffen.In

(Tech- und Design-Tipps)