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

Zebra Datepicker für jQuery Benutzer schaffen es nicht, in ein Input-Feld ein Datum in einem festen Format einzugeben. Das Auswerten der Eingabe macht in der Regel mehr Arbeit, a...
Passwortstärke mit Javascript Anzeigen Es gibt doofe Passwörter, wie zum Beispiel das Wort passwort, und es gibt relativ gute Passwörter, wie zum Beispiel p4$$w0r7, und es gibt noch bessere...
jQuery Logger – Loggen / Debuggen in jQuery Loggen / Debuggen von JavaScript ist so eine Sache. Alert fällt komplett hinten raus, console.log geht nicht im Internet Explorer, und alles in allem ...
jFontSize – dynamische Font-Size mittels jQu... Ich entwickele zur Zeit einen Magento-Shop für Silver Surfer. Natürlich gibt es da besondere Ansprüche, und eine davon ist die klare Lesbarkeit der Se...

Schreibe einen Kommentar