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


Erstellen Sie schöne Farbverlaufsübergänge mit Granim.js

Webdesign ist voll von Schönheit und ansprechendem Interface Design. Einige Funktionen sind funktional, andere nur für die Show. Farbübergänge sind nur für Show, aber sie packen ziemlich viel!

Mit Granim.js können Sie benutzerdefinierte Farbverlaufsübergänge erstellen, die fließend aussehen und sich nahtlos in jede Website einfügen .

Auf der Hauptbeispielseite finden Sie eine Reihe von benutzerdefinierten Beispielen mit vielen verschiedenen Stilen, von einfachen Übergängen bis hin zu komplexeren Animationen mit Hintergrundbildern.

Granim ist die einzige JS-Bibliothek, die ich kenne, um Gradientenübergänge zu bewältigen. Das ist eine Frage, über die ich mich immer gewundert habe und die ich nie wirklich gefunden habe. Granim ist die perfekte Lösung und basiert auf JavaScript, sodass es neben jQuery oder einer anderen JS-Bibliothek laufen kann.

granim.js Sie einfach die Datei granim.js auf Ihrer Seite ab, um loszulegen. Sie können entweder eine Kopie von GitHub herunterladen oder eine von einem Live-CDN hosten.

Hier ist ein einfaches Codebeispiel aus dem GitHub Repo:

Die Dinge können viel komplizierter werden als das, also sollten Sie sich die Beispiele genauer ansehen, um mehr zu erfahren. Unter jedem Beispiel finden Sie Codefragmente, mit denen Sie Farbverlaufsübergänge für Bildhintergründe und sogar Bildmasken erstellen können.

Die Bildmasken können für ein Logo verwendet werden, z. B. ein PNG-Bild, das hinter einem Farbverlauf versteckt wird. Auf diese Weise können Sie ein JS-animiertes Logo erstellen, bei dem der Farbverlauf langsam durch den gesamten Text verläuft .

Beachten Sie, dass dieses Beispiel viel JS / CSS-Code benötigt, so dass es keine einfache Implementierung ist.

Aber je mehr Sie mit Granim üben, desto einfacher wird es, es einzurichten und anzupassen. Und da dies die einzige echte Gradientenbibliothek ist, ist sie die absolut beste Lösung für jedes Projekt.

Die Bibliothek wird immer noch halb aktualisiert, sodass Sie den Tab "Probleme" für weitere Informationen überprüfen können.

Es ist eine ziemlich kleine Bibliothek, also gibt es nicht so viele Dinge, die schiefgehen oder aktualisiert werden müssen. Das macht Granim.js zu einer zuverlässigen Lösung für kleine und große Standorte.

Um eine Kopie herunterzuladen, besuchen Sie die Veröffentlichungsseite von GitHub oder holen Sie sich eine Kopie der .js Datei direkt von cdnjs. Und um die Quelle an einem Live-Beispiel zu sehen, werfen Sie einen Blick auf diese von Jonathan Schneider erstellte CodePen-Demo.

Sideload iOS Apps mit iEmulatoren [No Jailbreak]

Sideload iOS Apps mit iEmulatoren [No Jailbreak]

Apple hat einige Einschränkungen, wenn es um Apps im App Store geht. Es erlaubt keine Videospiel-Emulatoren, Bittorrent-Clients und Bildschirmrekorder . In der Regel ist der einzige Weg, um sie auf Ihrem iOS-Gerät zu bekommen, Jailbreak Ihr Gerät.Es gibt eine Möglichkeit, Apps ohne Jailbreak sideloaden zu können, indem Apple das Enterprise-Zertifikat verwendet, mit dem Unternehmen ihre privaten Apps seitenweise laden können. Wenn

(Tech- und Design-Tipps)

Konvertieren HTML Checkbox in iOS 7 Switch mit Switchery.js

Konvertieren HTML Checkbox in iOS 7 Switch mit Switchery.js

Checkbox ist sehr nützlich für die Benutzereingaben. Wenn Benutzer einen echten Wert eingeben, wird in der kleinen quadratischen Box ein Häkchen angezeigt. Das Aussehen der Checkbox kann einfach über CSS angepasst werden. Die Anpassung betrifft jedoch nur die Box und den Prüfstil . Um das Kontrollkästchen mit einem wirklich anderen Design anzupassen, ist einiges an Programmierung erforderlich.Mit H

(Tech- und Design-Tipps)