Benachrichtigungsleisten erfreuen sich nicht erst seit Android und dem Nachbau unter iOS erhöhter Popularität. Am oberen Browserrand einblendende Nachrichtenleisten können flexibel eingesetzt werden und sorgen in jedem Falle für hohe Aufmerksamkeit. Ähnlich populär sind Tooltips, die an anderen Elementen, zumeist Formulareingabefeldern, kurze, aber wichtige Zusatzinfos liefern. Heute stellen wir für beide Anwendungsbereiche je ein einfaches jQuery-Plugin vor. Es handelt sich um Gips und Notify, die beide ihren Ursprung auf Greepit.com fanden.
Notify: Benachrichtigungsleisten für alle Fälle
Das Plugin Notify! bietet vier verschiedene Arten von Nachrichtenleisten. Diese können ständig sichtbar oder mit dem Scrollbalken beweglich, am oberen Browserrand fixiert oder nur auf Klick des Anwenders sichtbar sein. Inhaltlich sind den Leisten keine Grenzen gesetzt. So können sie auch Videos, Bilder oder RSS-Content beherbergen. Optisch sind die Leisten komplett anpassbar, so dass sie sich in jedwedes Design einfügen können.
Notify! steht auf Greepit.com kostenlos zum Download zur Verfügung. Eine Demo findet sich hier.
Gips: Tooltip-Plugin für jedes Farbschema
Das Tooltip-Plugin Gips von eGrappler ist inspiriert von einem PSD-Freebie gleichen Namens aus dem Hause Greepit.com. Unter exakter Umsetzung des Layouts schraubte man ein jQuery-Plugin zusammen, dessen Optik per CSS anpassbar ist, sich aber im Standard am Original orientiert.
Die Tooltipps sind hinsichtlich ihrer Position und Farbgebung frei konfigurierbar. Zudem können viele weitere Parameter eingestellt werden. Der Tooltipp-Content ist allerdings auf Text beschränkt. Ist ein Close-Button gewünscht, kann dies nur über eine Grafik realisiert werden. Das ist heutzutage suboptimal. Als Workaround lässt sich das Anzeigeende per autoHide bestimmen.
Dieter Petereit
ist seit 1994 im Netz unterwegs, aber bereits seit fast 30 Jahren in der IT daheim. Seit 2008 schreibt er für Dr. Web, seit 2012 ist er Chefredakteur des Magazins. Man findet ihn auch auf Twitter und Facebook, aktiver ist er allerdings auf Google+.
- Web |
- Google+ |
- More Posts (448)




Danke für den Beitrag, ich kannte Gips Nicht.
Nützlich. Finde ich gut.