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.

Google Hangouts macht den Enterprise Switch mit Meet

Google Hangouts macht den Enterprise Switch mit Meet

Während die verbraucherorientierte Version von Google Hangouts möglicherweise tot ist, lebt der Geist von Hangouts in einer neuen Videokonferenz-App weiter, die Google "Meet" nennt.Derzeit nur als webbasierte Plattform verfügbar, scheint Meet by Google Hangouts Teil der Google G Suite-Produkte zu sein, obwohl das Feature auf der G Suite-Seite noch nicht als solches gelistet ist.La

(Tech- und Design-Tipps)

5 AngularJS Frameworks, um Apps schnell einsatzbereit zu machen

5 AngularJS Frameworks, um Apps schnell einsatzbereit zu machen

Jetzt, wo Sie mit den Grundlagen vertraut sind, ist es an der Zeit, mit AngularJS eine eigene Webanwendung zu entwickeln . AngularJS hat das Erstellen einer JavaScript-basierten App intuitiver gemacht, indem man sogenannte Direktiven verwendet, die Hand in Hand mit Ihren HTML-Markups arbeiten.Wenn Sie eine Webanwendung vom Boden aus erstellen, erscheint Ihnen das überwältigend, keine Sorge.

(Tech- und Design-Tipps)