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 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 ...
Starke Passwörter mit jQuery Ich hatte ja erst unlängst auf ein Tutorial zum Thema Passwortstärke hingewiesen, das Thema wird immer wichtiger da der Benutzer es von sich aus nicht...
jQuery.sheet – Excel Spreadsheets für jQuery Es gibt da durchaus ein oder zwei Sachen, in denen man sich in Javascript die Finger bricht und man froh ist, dass es zum Beispiel jQuery gibt. Sinnvo...
CLEditor – WYSIWYG-Editor als jQuery-Plugin Normalerweise hat man heutzutage in so ziemlich jedem Webprojekt zwei Dinge: eine Javascript-Library (jQuery oder Mootools) und einen WYSIWYG-Editor u...

Schreibe einen Kommentar

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