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


Overhang.js - Ein jQuery-Plugin für Dropdown-Benachrichtigungsmeldungen

Wie nervig sind die Standard-JS-Alarm-Boxen ? Sie fühlen sich wie ein Relikt aus einer primitiven vergangenen Ära der Web-Entwicklung.

Heutzutage können wir unauffällige Benachrichtigungsmeldungen erstellen, die dieselben Informationen enthalten, aber die Benutzererfahrung nicht unterbrechen . Und genau das können Sie mit overhang.js tun.

Dieses kostenlose jQuery-Plugin kann benutzerdefinierte Benachrichtigungsleisten hinzufügen, die oben auf dem Bildschirm angezeigt werden. Sie werden über CSS positioniert und mit JavaScript animiert, sodass sie unabhängig von der Seitenlänge von einem festen Punkt ganz oben herunterfallen können.

Sie können Nachrichten erstellen, die nach einer bestimmten Zeit automatisch geschlossen werden, oder andere, die eine Benutzereingabe erfordern .

Nachrichten können Erfolg, Fehler, Fehler oder einfache Benachrichtigungen mit Informationen über den Benutzer oder die Seite weiterleiten. Nachrichten können auch eigene Ja / Nein-Schaltflächen haben, um Benutzern Fragen wie eine JavaScript-Aufforderung zu stellen.

Es gibt sogar eine Option zum Erstellen von Aufforderungen, die mit einem Eingabefeld angezeigt werden . Dies wäre perfekt für ein E-Mail-Anmeldeformular.

Overhang.js unterstützt alle wichtigen Browser, die von jQuery unterstützt werden, und es wird auch von jQuery UI für die animierten Funktionen unterstützt.

Zusammen mit den jQuery & jQuery UI-Bibliotheken müssen Sie auch eine benutzerdefinierte CSS-Datei mit dem Plugin hinzufügen. Sie können dies immer mit dem Stylesheet Ihrer Website zusammenführen, um HTTP-Anfragen zu reduzieren.

Jeder Aufruf an die overhang() -Methode kann eine beliebige Anzahl von Parametern annehmen . Diese Optionen werden "Optionen" genannt und geben Ihnen die volle Kontrolle über jede Benachrichtigungsbox.

Sie können die Animationsgeschwindigkeit, Dauer, Beschleunigung und Boxgröße / -farbe zusammen mit anderen Designfunktionen ändern.

Hier ist ein Beispiel-Snippet, das zeigt, wie Sie ein Bestätigungsfeld erstellen :

 // Einige Bestätigungen $ ("body"). Overhang ({type: "confirm", yesMessage: "Ja bitte!", NoMessage: "Nein danke."}); 

Sie können sehen, das ist ziemlich einfach und es erfordert nicht viel jQuery-Code .

Um eine Kopie des Plugins herunterzuladen, können Sie das Repo auf GitHub besuchen, wo Sie auch direkt die Quelldateien durchsuchen können. Wenn Sie weitere Live-Beispiele sehen möchten, besuchen Sie die Website von Overhang.js.

20 meistgesuchte Apple Watch Tipps und Tricks

20 meistgesuchte Apple Watch Tipps und Tricks

Haben Sie eine Frage, wie Sie etwas mit Ihrer neuen Apple Watch machen können? Da es sich um die erste Generation der Apple Watch handelt, haben Sie wahrscheinlich viele Fragen zur Verwendung. Für den Anfang muss die Apple Watch mit Ihrem iPhone gepaart werden. Dadurch können Sie viele Dinge tun, wie Fotos synchronisieren, Musik hören, App-Benachrichtigungen erhalten und Ihr iPhone finden.Wen

(Tech- und Design-Tipps)

16 besten YouTube-Kanäle zu Beginn lernen Web-Entwicklung

16 besten YouTube-Kanäle zu Beginn lernen Web-Entwicklung

Möchten Sie ein Webentwickler sein, wissen aber nicht, wo Sie anfangen sollen oder mit welcher Programmiersprache ? Es gibt viele Ressourcen, auf die Sie zurückgreifen können, um Sprachen wie Swift oder Frameworks wie AngularJS oder sogar Responsive Design oder einfach nur Coding im Allgemeinen zu lernen, wenn Sie wissen, wo Sie suchen müssen (sie sind überall im Web).Ande

(Tech- und Design-Tipps)