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


Hinzufügen von Fortschrittsschritten zu Formularen mit diesem jQuery-Plugin

Die meisten von uns wissen über Fortschrittsbalken und wie diese im UI-Design funktionieren. Sie helfen beim Definieren von Seitenladezeiten, beim Hochladen von Formularen und ähnlichen Verzögerungen zwischen Seiten.

Aber die Fortschritte sind ein wenig anders. Diese funktionieren wie Brotkrumen oben auf der Seite, um Benutzer durch einen Schritt-für-Schritt-Prozess zu leiten (normalerweise Formulare für Anmeldung und Auschecken).

Mit jQuery Steps können Sie schnell benutzerdefinierte Fortschrittsschritte auf jeder Seite Ihrer Site hinzufügen .

Das gesamte Plugin läuft auf jQuery und es ist kostenlos auf GitHub veröffentlicht.

Sie können diese Fortschrittsschritte als mehrseitige Funktionen ausführen, die den Besucher durch verschiedene Seiten Ihrer Website führen. Oder Sie können dies wie einen Ajax-Schritt ausführen, der den Benutzer über die gleiche Seite mit dynamischen Formularfeldern bewegt.

In den Plugin-Optionen finden Sie Einstellungen zum Ändern der "Start" -Position, Fußtasten, Vorwärts / Zurück-Tasten und vieles mehr.

Es gibt auch einige Ereignisse, auf die Sie mit Ihren eigenen benutzerdefinierten Rückruffunktionen abzielen können, wenn der Benutzer den Fortschrittsschritt fortsetzt oder wenn der Benutzer das Ende erreicht.

Alles in allem ist dies ein ziemlich neues Plugin, so dass es nicht viele Optionen zur Auswahl gibt . Aber es ist definitiv eines der besten Plugins, die Sie zum Erstellen dieser benutzerdefinierten Fortschrittsschrittfunktionen finden.

Hinweis: Browser-Unterstützung ist meist auf moderne Browser beschränkt und für Microsoft-Browser wurde dies nur in IE 11 getestet. Wenn Sie ältere Browser unterstützen möchten, müssen Sie selbst testen oder versuchen, benutzerdefinierte zu erstellen Fallback-Methoden, um ältere Benutzer zu behandeln.

Sicherlich eines der einfachsten progress step plugins, die ich je gesehen habe und es sollte auch mit anderen jQuery-Plugins funktionieren.

Werfen Sie einen Blick auf die Homepage für eine Live-Demo zusammen mit den benutzerdefinierten JS-Optionen und einem Download-Button, um eine Kopie des Codes für sich selbst zu ziehen.

5 beste Windows-Apps zur Überwachung der Internetnutzung

5 beste Windows-Apps zur Überwachung der Internetnutzung

Wenn Sie Internet für zu Hause oder als Student erhalten, gibt es immer eine Begrenzung Ihres Internet-Nutzungslimits . Aber wenn du online bist, tendierst du dazu, dich hinreißen zu lassen und schüttelst manchmal innerhalb von ein paar Wochen das Internetpaket eines ganzen Monats aus.Dafür kann es mehrere Gründe geben. Zum

(Tech- und Design-Tipps)

Uppy - Kostenloses ES5 / ES6 JavaScript-Datei-Upload-Plugin

Uppy - Kostenloses ES5 / ES6 JavaScript-Datei-Upload-Plugin

Eine der kniffligsten Eingaben für das Design ist der Datei-Upload . Es hat einen Standard-HTML-Stil, aber es ist nicht das schönste Ding der Welt.Uppy bringt Datei-Uploads auf eine ganz neue Ebene mit einer benutzerdefinierten Oberfläche und einem dynamischen Ajax- ähnlichen Ladeprozess .Es läuft auf ES5 / ES6-Code, sodass Sie Ihre Web-Apps mit den neuesten JavaScript-Standards erstellen können. Und

(Tech- und Design-Tipps)