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


Erstellen Sie Cascading Effects mit CascadeJS

Fancy Animationen sind ein Dutzend im Web. Sie werden mit unzähligen unglaublichen Animationsbibliotheken einfacher zu erstellen.

Cascade.js ist eine weitere Bibliothek, die der Liste hinzugefügt werden kann, und es ist definitiv eine einzigartige. Mit Cascade können Sie benutzerdefinierte Animationseffekte mithilfe von kaskadierenden Buchstaben in Text oder kaskadierenden Elementen in einem Hauptcontainer entwerfen.

Diese Bibliothek hat keine Abhängigkeiten ; Es läuft auf klassischem JavaScript. Sie können es über npm, Bower oder durch Herunterladen einer Kopie direkt von GitHub installieren.

Damit CascadeJS funktioniert, benötigen Sie zwei Dateien : eine CSS-Datei und eine JavaScript-Datei. Sie kommen beide mit minimierten Versionen verpackt, um Sie ein paar KBs auf Seitengröße zu speichern.

Jedes Cascade-Element wird in einzelne Teile zerlegt, die einzeln durch Elemente animiert werden . Diese werden dynamisch hinzugefügt, sodass Sie in Ihrem HTML nichts ändern müssen.

Sie müssen jedoch die Funktion flow() in Ihrer Datei einrichten, nachdem Sie das Element ausgewählt haben, das Sie animieren möchten.

Sie können jQuery tatsächlich mit dieser Bibliothek verwenden, wenn Sie möchten, es ist jedoch nicht erforderlich . Wenn Sie also Elemente mit jQuery auswählen möchten, können Sie diese stattdessen verwenden.

Hier ist ein Ausschnitt aus Vanilla-JavaScript von der Hauptseite der Website:

Sie können das Element flow() ohne Parameter übergeben oder Sie können alle selbst konfigurieren . Es benötigt acht optionale Parameter zum Bearbeiten von Animationsstil, Timing, Dauer und optionalen CSS-Klassen.

CascadeJS verfügt über eine weitere Funktion namens fragment() der Sie Buchstaben (oder Elemente) in separate Container aufteilen können, ohne sie zu animieren. Sie können diese Funktion verwenden, um Text auf der Seite einzufärben und neu zu formatieren, indem Sie auf jeden einzelnen Buchstaben in einem Wort abzielen. Ziemlich cool, oder?

Alle Codebeispiele sind auf der Hauptbibliotheksseite verfügbar, so dass Sie selbst kopieren / einfügen und basteln können. Sie finden jedoch auch die Dokumentation auf der GitHub-Seite, wenn Sie nach einem klareren Einstieg suchen.

Top 10 Apps, um die Meilensteine ​​und Erfolge Ihres Babys festzuhalten

Top 10 Apps, um die Meilensteine ​​und Erfolge Ihres Babys festzuhalten

Ein Kind zu haben ist eine der größten Freuden des Lebens, oder zumindest wurde mir gesagt. Wenn Sie ein neues Elternteil sind, ist es nur natürlich, dass Sie das Leben Ihres Babys dokumentieren und aufzeichnen möchten. Ob es sich um eine tägliche Aufzeichnung oder um Meilensteine ​​wie ein erstes Wort oder einen ersten Geburtstag handelt, es wird niemals an Erinnerungen mangeln, die dokumentiert werden müssen . Außerdem

(Tech- und Design-Tipps)

Die mobile Live-Streaming-Plattform von YouTube wird veröffentlicht

Die mobile Live-Streaming-Plattform von YouTube wird veröffentlicht

Bereits im Juni 2016 hat YouTube seine mobile Livestreaming-Plattform auf eine ausgewählte Anzahl von Nutzern ausgeweitet. Im Februar 2017 wird die mobile Live-Streaming-Plattform endlich in der Öffentlichkeit erscheinen, da YouTube in Kürze die Funktion für beliebte YouTuber einführen wird.Für diejenigen, die diese besondere Funktion nicht kennen, ist die mobile Livestreaming-Plattform von YouTube Teil der YouTube-App, die es Nutzern ermöglicht, live von ihren Mobilgeräten aus zu senden . Möchte

(Tech- und Design-Tipps)