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


Erstellen Sie Einzelelement-Spinner und -Lader mit CSSPIN

Sie können einige erstaunliche Dinge mit CSS3, von benutzerdefinierten Eingabefeldern zu Dropdown-Menüs und sogar Vektorgrafiken erstellen . Diese Techniken überholen JavaScript schnell und erleichtern es Entwicklern, bessere Benutzererfahrungen zu erstellen.

Eines der schwierigsten Dinge zu bauen ist eine Lade Spinner Animation, aber moderne CSS-Animation macht das sogar ziemlich einfach.

Um Zeit zu sparen, indem Sie von Grund auf neu erstellen, können Sie eine Bibliothek wie CSSPIN mit vielen vordefinierten benutzerdefinierten Spinner verwenden . Alle diese Animationen sind frei zu klonen und vollständig Open-Source, so haben Sie vollen Zugriff auf den Code zu bearbeiten, wie Sie es wünschen.

Das Einrichten eines Spinner mit dieser Bibliothek ist ein Kinderspiel. Sie kopieren einfach die CSS-Bibliothek in Ihre Seite und fügen dann die benutzerdefinierten HTML-Elemente an der Stelle hinzu, an der sie angezeigt werden sollen.

Diese benutzerdefinierten Spinner verwenden nur ein HTML-Element, um den Animationseffekt zu erstellen. Dies ist enorm, da der Grafik- und Animationseffekt ausschließlich über CSS-Klassen erfolgt .

Und da Sie Zugriff auf den Quellcode haben, können Sie Formen, Farben, Größen und Animationsgeschwindigkeiten besser auf Ihre Projekte abstimmen.

Beachten Sie, dass der Code die LESS-Syntax verwendet. Daher müssen Sie mit dieser Vorverarbeitungssprache vertraut sein, um größere Änderungen vornehmen zu können.

Aber Sie können viele einfache CSS-Beispiele auf der Hauptdemoseite zusammen mit einfachen Anweisungen auf der GitHub-Seite finden.

Wenn Sie mit npm oder Bower vertraut sind, sind dies alternative Methoden zum Installieren der Bibliothek.

Egal, wie Sie es installieren, dies ist eine großartige CSS-Animationsbibliothek, mit der Sie arbeiten können. Es soll vollständig modular sein und viel Platz für neue Spinner, neue Animationen und Anpassungen von anderen Entwicklern bieten.

Weitere Informationen und Durchsuchen der gesamten Dokumentation finden Sie im CSSPIN-Repository auf GitHub . Der Ersteller hat auch ein kleines Setup-Video erstellt, das Sie unten ansehen können.

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)

15 nützliche AngularJS Tools für Entwickler

15 nützliche AngularJS Tools für Entwickler

Denken Sie daran, Ihre Zehen in Angular einzutauchen? Wenn du unsere 10 besten Tutorials durchgelesen hast, um AngularJS Post zu lernen und mit Angular alleine spielen möchtest, bist du auf dem richtigen Post. Wir haben hier einige Tools, die Ihren Entwicklungsworkflow optimieren können .Wir betrachten 15 der besten IDEs, Texteditoren, Tools zum Testen und Debuggen, Module und Entwicklungstools sowie Apps zum Bauen mit Angular.

(Tech- und Design-Tipps)