de.hideout-lastation.com
Erstellen Sie Device Mockups im Browser mit DeviceMock
Sie können tonnenweise kostenlose Gerätemodelle online finden, von PSDs bis hin zu Sketch-Dateien. Aber was, wenn Sie schnell Geräte-Modelle in Ihrem Browser erstellen könnten?
Nun, dank der Leute von rm-labo können Sie! Mit ihrem kostenlosen jQuery-Plugin, DeviceMock.js, können Sie ein Vektorgerät um jedes Seitenelement wickeln, indem Sie einfaches JavaScript und SVGs verwenden.
Also, wie genau funktioniert das?
Nun, zuerst benötigen Sie eine Kopie von jQuery und eine Version des DeviceMock-Plugins von GitHub . Dies wird mit einer JS-Datei, einer CSS-Datei und einigen SVG-Dateien geliefert, um die tatsächlichen Geräte zu erstellen.
Sie können einen beliebigen Elementtyp auf der Seite auswählen, von einem einfachen Bild bis zu einem gesamten div oder sogar einem eingebetteten Element wie einem iframe. Dies bedeutet, dass Sie sogar einen coolen Mini-Browser direkt auf Ihrer Website mit einem iframe auf einer anderen Seite erstellen können .
Dieses Plugin unterstützt fünf verschiedene Gerätetypen :
- Webbrowser
- Smartphone
- Tablette
- Desktop
- Laptop
Alle diese Modelle verwenden flache Designstile, da sie mit SVGs erstellt werden. Und alle sehen Apple-Geräten sehr ähnlich, zum Beispiel das Smartphone als Klon des iPhones und der Desktop-Monitor, der auffällig wie ein iMac aussieht.
Alle diese Vektoren sind einfach hinzuzufügen und sie funktionieren in jedem Browser mit SVG-Unterstützung .
Sie können sogar Eigenschaften wie Modellgröße, Motiv (weiß / schwarz) und Ausrichtung (Hochformat) ändern .
Wenn Sie das Browser-Modell verwenden, können Sie in der Adressleiste sogar eine Dummy-URL angeben . Dies ist eine unterhaltsame Möglichkeit, noch mehr Anpassungen hinzuzufügen.
Zugegeben, diese Bibliothek wird nicht für jeden nützlich sein, aber sie löst ein Nischenproblem, mit dem viele UI / UX-Entwickler beim Prototyping konfrontiert werden.Um mehr zu erfahren, besuchen Sie die GitHub-Seite oder besuchen Sie die Live-Site für eine aktive Demo.
Schaufenster von wunderschönen geometrischen Kunstwerken
Müde von bunten und ausgefallenen Grafiken im Internet? Wenn Sie einen Schritt zurückgehen wollen, um sich in den grundlegendsten Formen der Kunst zu inspirieren, kann ich Ihnen dabei helfen. Wie wäre es mit einem Blick auf ein geometrisches Kunstwerk?In dieser Zusammenstellung wunderschöner geometrischer Kunstwerke betrachten wir die Reproduktion schöner Kunst, wie Sie sie noch nie zuvor gesehen haben. Und
20 Web Design Industrie Begriffe für den ahnungslosen Client
In der Webdesign-Branche verwenden wir viele Insider-Begriffe . Dies erschwert nicht nur Neueinsteigern den Einstieg, insbesondere Kunden, die nicht in der Designbranche tätig sind, aber ihre Bedeutung richtig zu kommunizieren, kann manchmal eine echte Herausforderung sein.In diesem Glossar haben wir 20 häufig verwendete Begriffe für Webdesign gesammelt und jeweils eine kurze Erklärung hinzugefügt, so dass jeder sie im Falle von Ungewissheiten schnell einsehen kann. Wen
