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


Erstellen Sie einfach mit Mprogress.js die Material Design Progress Bar

Es ist nicht zu leugnen, dass das Materialdesign von Google das Web radikal verändert hat. Es bietet eine gemeinsame Designsprache, die UI-Designer auf alle Websites und mobilen Apps anwenden können.

Dieser Trend des Materialdesigns hat zu vielen Bibliotheken geführt, einschließlich des beliebten Materialise-Frameworks. Und eines der coolsten neuen Materialprojekte, die ich gefunden habe, ist Mprogress.js .

Diese JavaScript-Bibliothek generiert einen Material-Style-Fortschrittsbalken mit reinem CSS und JavaScript. Keine Abhängigkeiten, kein Unsinn. Einfaches Laden (und Vorladen) mit einem Materialdesign, das zu jeder Website oder Webanwendung passt.

Das Setup ist ziemlich einfach und benötigt nur zwei Dateien : ein CSS- und ein JS-Skript von Mprogress.

Sie können beide vom GitHub Repo herunterladen oder einen Paketmanager wie npm oder Bower verwenden. Von dort müssen Sie ein neues Mprogress-Objekt erstellen und es anweisen, den Loader zu starten.

Dies kann mit buchstäblich einer Codezeile erfolgen :

 var mprogress = new Mprogress ('start'); 

Andere Eigenschaften können angewendet werden, um das Animationstiming, die Geschwindigkeit oder die Anzeigefarbe des Fortschrittsbalkens zu ändern. Mit dieser Konfiguration können Sie sogar benutzerdefinierte Vorlagen basierend auf dem Standardmaterialdesignstil erstellen . Genial!

Werfen Sie einen Blick auf die Demo-Seite, um diesen Loader in Aktion zu sehen. Es ist kein hypnotisierender Ladebalken, aber es bietet eine nette Lösung, ohne dass Sie einen von Grund auf neu erstellen müssen.

Sie können Methoden wie set() ausführen, um einen Prozentsatz inc() oder inc() um die Ladezeile zu erhöhen . Es kann programmgesteuert verarbeitet werden, um einen HTTP-Loader zu erstellen, dies erfordert jedoch zusätzliche Arbeit in JavaScript.

Die Schönheit von Mprogress.js ist seine Einfachheit . Sie erfahren nicht, wie Sie Daten strukturieren oder was Sie laden müssen. Es könnte sein, dass die Seite geladen wird, oder es könnte einen Datei-Upload verarbeiten. Oder es könnte verfolgen, wie weit der Benutzer vom oberen Rand der Seite gescrollt hat.

Es gibt so viel, was Sie mit dieser Bibliothek tun können, und ohne Abhängigkeiten können Sie sie für jedes Webprojekt verwenden. Um zu beginnen, schauen Sie sich das MProgress Repo auf GitHub an, wo Sie auch die Dokumentation durchsuchen können.

Wie verfolge ich das verlorene Gerät mit dem Android Geräte-Manager?

Wie verfolge ich das verlorene Gerät mit dem Android Geräte-Manager?

Das Beste daran, ein mobiles Gerät zu besitzen, ist die Mobilität, die es bietet. Das Schlimmste ist, dass die Wahrscheinlichkeit, dass du deine Geräte auf unvorstellbare Weise verlierst, erhöht wird. In Situationen, in denen Sie tatsächlich ein Gerät verlieren, gibt es viele Apps von Drittanbietern, die zum Nachverfolgen verlorener oder gestohlener Geräte verwendet werden können. Es gib

(Tech- und Design-Tipps)

15 WordPress Plugins zur Supercharging Suchfunktion

15 WordPress Plugins zur Supercharging Suchfunktion

Ein wichtiges Element jeder Website ist die Suchfunktion . Damit können Nutzer über Ihre Website nach dem suchen, was sie wirklich suchen, anstatt nur die Informationen aus den Links zu erhalten, die Sie ihnen gegeben haben, z. B. Kategorie, Tags, featured post usw. Wenn Ihre Website auf WordPress basiert, wird die Suchfunktion ist bereits standardmäßig vorhanden. Ab

(Tech- und Design-Tipps)