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


Stylie - Ein kostenloser CSS Web Animation Builder

Wenn Sie mit CSS3-Syntax kämpfen und eine einfache Möglichkeit zum Erstellen von Animationen möchten, ist Stylie ein großartiges Tool zum Speichern.

Dies ist einer von vielen freien Code-Generatoren mit Fokus auf reinen CSS-Animationen. Stylie ist völlig kostenlos und Open-Source, auf GitHub gehostet und von einer Keyframe-Bibliothek namens Rekapi angetrieben.

Die Rekapi-Bibliothek verwendet JavaScript, also ist es eine Alternative zu reinem CSS. Und zum Glück unterstützt die Stylie-Web-App beide Methoden, sodass Sie Code entweder in reinem CSS oder in JavaScript exportieren können.

Standardmäßig lädt die erste Seite eine kontinuierliche Animationsdemo mit einer linearen Animation. Sie können damit spielen, indem Sie die Standardeinstellungen auf der Registerkarte "Bewegung" bearbeiten oder die Registerkarte "Keyframes" bearbeiten .

In der Keyframes-Liste können Sie neue Keyframes hinzufügen, deren Gesamtdauer bearbeiten und die Animationsstile ändern, einschließlich der Bewegungen basierend auf der X / Y-Achse.

Erstens wird dies sehr verwirrend aussehen, besonders wenn Sie noch nie eine Keyframe-Animation gemacht haben. Je mehr Sie jedoch mit dieser Anwendung spielen, desto sinnvoller ist es.

Standardmäßig haben Sie eine Menge verschiedener Beschleunigungsoptionen, mit denen Sie umgehen können, und sie sind alle sehr einfach anzupassen.

Das Motion-Diagramm ist viel schwieriger zu erlernen, aber es gibt Ihnen viel mehr Kontrolle über die Lockerung Ihrer Animationen. Mit Stylie können Sie sogar benutzerdefinierte Bewegungseffekte speichern und diese auf der Registerkarte Keyframes für andere Animationen wiederverwenden .

Wenn ich mich über eine Sache beschweren könnte, dann ist es das mangelnde responsive Design der Web-App.

Ich konnte nicht die gesamte App auf meinem 13 "MacBook Pro Bildschirm sogar mit dem Browser vollständig maximiert bekommen. Dies kann ein Problem sein, da die Seite keine vertikale Bildlaufleiste hat und viele der Optionen (wie exportierter Code) im Einstellungsbereich niedriger sind.

Aber abgesehen von diesem kleinen Ärger, funktionierte es auf meinem größeren Monitor gut. Und die Exportqualität ist wie nichts anderes, was Sie im Internet finden.

Werfen Sie einen Blick auf die Stylie-App, um zu sehen, wie es funktioniert, und versuchen Sie, mit einigen der Optionen zu experimentieren. Sobald Sie Ihre Animation erstellt haben, können Sie das CSS oder das JavaScript exportieren und für jedes beliebige Projekt verwenden.

Wenn Sie Probleme beim Erlernen der Benutzeroberfläche haben, können Sie sich auch dieses kurze Tutorial ansehen, das ungefähr 9 Minuten lang ist und alle wichtigen Funktionen umfasst.

Zugriff auf jede Datei auf Mac / PC von Ihrem iOS-Gerät mit Younity

Zugriff auf jede Datei auf Mac / PC von Ihrem iOS-Gerät mit Younity

Der mobile Speicher, den wir in unseren Smartphones haben, ist begrenzt und wird normalerweise verwendet, um die Dateien zu speichern, die wir unterwegs benötigen: aktuelle Urlaubsfotos, Arbeitsberichte in PDF usw. Wenn Sie jedoch vollständigen Zugriff auf die Dateien haben möchten , die Sie auf Ihrem Smartphone haben Computer müssen Sie keine Dateien verschieben. Ho

(Tech- und Design-Tipps)

Atemberaubende Fotos von Jupiter von der NASA-Raumsonde Juno

Atemberaubende Fotos von Jupiter von der NASA-Raumsonde Juno

Die Juno-Sonde der NASA ist seit ihrer Ankunft am 4. Juli 2016 auf der Jagd nach Jupiter, dem größten Planeten im Sonnensystem, aktiv. Seither hat die Sonde Fotos von den zahlreichen Zyklonen und Stürmen des Planeten aufgenommen .Anfang dieses Jahres führte Junos Vorbeiflug über Jupiter zu einer Reihe von Fotos, die ein blau getöntes Gebiet auf dem Planeten zeigen, das von Zyklonen bedeckt ist. Dies

(Tech- und Design-Tipps)