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.

Wie Open-Source-Unternehmen profitabel bleiben

Wie Open-Source-Unternehmen profitabel bleiben

Zwar gibt es viele Open-Source-Lösungen, die sowohl Unternehmen als auch Einzelpersonen kostenlos erwerben und nutzen können, aber die Vorstellung, dass der Begriff "Open Source" mit dem Wort "frei" gleichzusetzen ist, ist einfach nicht wahr.Open-Source-Projekte werden in der Regel in Gemeinschaften von enthusiastischen Programmierern entwickelt, die oft freiwillig ihre Zeit beisteuern .

(Tech- und Design-Tipps)

Wie Facebook Ihre Daten verwendet und was Sie wissen sollten

Wie Facebook Ihre Daten verwendet und was Sie wissen sollten

Lump Facebook und Privatsphäre zusammen im selben Satz und Sie haben Anlass zu einer mächtigen hitzigen Diskussion. Es ist kein Geheimnis, dass Facebook gewisse Freiheiten mit seinen Nutzungsbedingungen und den Daten, die seine Nutzer auf der Website platzieren, einhält. Es ist für sie kein Problem, Experimente mit ihren Benutzern durchzuführen, nur um zu sehen, wie die Benutzer auf die Manipulation ihres Newsfeeds reagieren würden. Stel

(Tech- und Design-Tipps)