Ninja User Interface – Schicke Widgets für jQuery

Alleine schon wegen dem Namen „jQuery Webjutsu“ ist die Ninja UI erwähnenswert. Es sollte sich inzwischen bis in die hintersten Ecken herumgesprochen haben, das die jQuery UI aufgrund ihrer Größe und Komplexität nicht für alle Probleme die optimale Lösung ist. Ich verwende in der Regel die jQuery Tools zur Erweiterung des User Interfaces.

Demoseite der Ninja UI

Ninja UI kann allerdings einiges mehr, bzw. macht es anders als die jQuery Tools. Wahrscheinlich macht es Sinn je nach Anforderung entweder die eine oder die andere Library einzusetzen. Denn während die jQuery Tools auch Slider und Tabs zur Verfügung stellen, kümmert sich die Ninja UI mehr um die Formular-Elemente an sich. So stellt es zum Beispiel einen Slider zur Verfügung, als Buttons getarnte An/Aus-Schalter (Checkboxen), Popup-Listen und sogenannte Drawer. Dabei handelt es sich im wahrsten Sinne des Wortes um Schubladen, die auf Klick ihren Inhalt anzeigen. Sehr nett um Formulare in Gruppen zu organisieren.

Darüber hinaus kann Ninja UI aber auch das User Interface um eigene Elemente Bereichern. Dazu gehören eine Suggest-Box (Suchvorschläge), den allseits gefürchteten und mächtige Fivestar-Vote-Button und als Tabs getarnte Radioboxen. Auch nett sind die Pop-Ups, die unter anderem Selectfelder esetzen können und wesentlich schicker aussehen. Sie können allerdings auch beliebigen Content darstellen (Hilfe-Boxen) oder ein Pop-Up auf dem Bildschirm öffnen (ähnlich einer Lightbox).

Alles in allem eine sehr feine Library mit sinnvollen Elementen bei der man abwarten muss, ob sie sich durchsetzt. Sie ist auf allen aktuellen Browsern lauffähig, und unterstützt den IE ab der Version 7.

Ähnliche Beiträge

jQuery.payment: Kreditkarten-Validierung Inzwischen dürfte es sich auch bis in die hintersten Ecken herum gesprochen haben, das man Kreditkarten nicht mit Regular Expressions beikommen kann. ...
Abhängigkeiten in Formularen mit dependsOn Es kristallisiert sich immer mehr heraus das man aufgrund der UX in komplexen Formularen Abhängigkeiten einführt. Ein einfaches (wenn auch durchaus se...
Tipped – jQuery Tooltips Tooltips sind eine coole Sache um schnell kurze Informationen dem Benutzer zukommen zu lassen, normalerweise schlage ich die mit den jQuery Tools tod,...
Die Selektoren von jQuery erweitern Ich bin über einen recht interessanten Artikel im Blog von James Padolsey gestolpert, der nachhaltig Arbeit einsparen kann, insofern man jQuery verwen...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.