2010-01-04 22 views
16

Ich habe eine Web-App mit jQuery so viel wie möglich bauen. Jedes Mal, wenn ich ein neues Feature hinzufügen muss, suche ich normalerweise nach einem jQuery-Plugin, das das tut, was ich brauche, und dann habe ich es in meine Web-App integriert. Natürlich wird diese Anwendung nach einiger Zeit mit all diesen "zufälligen" Plugins von verschiedenen Autoren, von denen jeder einen anderen Codierungsstil, Namenskonvention, etc. hat, sehr vollgestopft. Ich würde wirklich eine einheitliche UI-Bibliothek oder ein Framework bevorzugen. Ich schaue auf jQuery UI, aber ehrlich gesagt bin ich nicht beeindruckt. Obwohl jQuery Tools (http://flowplayer.org/tools/download.html) sieht irgendwie nett aus. Hat jemand irgendwelche Erfahrungen mit diesen?jQuery Plugins vs UI vs einige Alternative

Haben Sie weitere Vorschläge? Nicht nur in Bezug auf die zu verwendenden UI-Frameworks, sondern auch in Bezug auf den Umgang mit überladenen Webanwendungen mit verschiedenen UI-Plugins im Allgemeinen.

Dank

Antwort

8

Es gibt nicht eine Tonne Bewegung eine Reihe von weniger fragmentiert ui Bibliotheken für jquery zu machen. Ich denke, viele Leute fangen an, einen ziemlich reglementierten Stil zu verfolgen, was den Authoring-Stil betrifft, und meistens spielen gute Plugins sehr gut zusammen.

Speziell - Mike Alsup Muster, hier beschrieben:

http://www.learningjquery.com/2007/10/a-plugin-development-pattern

ist eine, die über sehr einheitlich ist am beliebtesten Plugins. Wenn Sie bemerken, dass ein Plugin diesem Muster folgt, können Sie sicherer sein, dass es so funktioniert, wie Sie es sich wünschen.

Es könnte jedoch eine weitere Alternative für Sie geben - ExtJS (http://www.extjs.com/) kann als UI-Bibliothek über jQuery verwendet werden. Schließen Sie einfach jQuery, dann die Datei ext-jquery apapter und dann die Bibliothek extjs ui ein. Dadurch erhalten Sie die gesamte extjs-UI-Bibliothek (die sehr einheitlich und getestet ist), und Sie erhalten weiterhin alle wichtigen jQuery-Zugriffe, die Sie möchten, sowie andere Plugin-Möglichkeiten.

Hoffe, dass hilft.

+3

Ehrlich gesagt, wenn Sie ExtJS an dieser Stelle verwenden möchten, möchten Sie wahrscheinlich nicht noch jQuery hinzufügen. Es ist dem Rest von ExtJS fremd und integriert sich nicht gut genug. Ich mag beide, würde aber nicht vorschlagen, sie sehr zu mischen. – Tracker1

5

Ich habe JQuery UI ein gutes Stück verwendet und war einigermaßen zufrieden damit. Eine Anmerkung ist, dass es mit ThemeRoller ganz einfach ist, ein Thema zu erhalten, das Ihrer Site entspricht, oder einfach eines der Dutzenden von bereits für Sie erstellten Designs zu verwenden. Auf der anderen Seite der Dinge müssen Sie einige manuelle Codierung tun, wenn Sie bestimmte Verhaltensweisen steuern möchten, wie zum Beispiel die Erinnerung, welche Registerkarte aktiv ist, nachdem eine Seite zurücksendet, etc.

Wenn es darauf ankommt, JQuery UI, JQuery Tools und ExtJS scheinen ziemlich ähnliche UI-Elemente zu bieten, also hängt es wirklich von den Einzelheiten Ihres Projekts ab.

Edit: Wenn die Lizenzierung für Sie oder Ihr Projekt wichtig ist zu beachten, dass JQuery UI und JQuery Werkzeuge sind Dual-Lizenz unter der MIT und GPL v2, basierend auf je nachdem, was besser Ihren Bedürfnissen entspricht, während ExtJS nur verfügbar unter die GPL für andere GPL-Projekte; Wenn Sie die GPL nicht nutzen können oder wollen, müssen Sie eine ziemlich teure kommerzielle Lizenz erwerben.

0

Da die JQuery-Benutzeroberfläche und das Flowplayer-Ding für meine Zwecke etwas übertrieben waren, begann ich etwas Neues zu bauen, das sich auf Einfachheit, eine kleine Größe und einfaches Styling konzentriert. Ich würde mich über irgendwelche Vorschläge freuen (und ich hoffe, dass dies nicht zu viel Eigenwerbung ist) darüber, wie man es besser/einfacher macht oder Dinge, die ich falsch mache.

Wie auch immer.Hier ist der Link: microUI

8

Ich lade Sie ein Ninja-Benutzeroberfläche heraus zu überprüfen, die jQuery-Plugin für tödliche Interaktion. Eine einzelne JavaScript-Datei zum Einbinden und Sie erhalten schöne, unaufdringliche Benutzeroberflächenobjekte. Wir haben gerade Version 1.0 veröffentlicht!

http://ninjaui.com

4

Wir haben jetzt etwa ein Jahr jQuery UI unter Verwendung von auf unserer Web-Anwendung und Website http://kumutu.com. Bisher sind wir sehr zufrieden mit der Qualität und Stabilität der verfügbaren Werkzeuge. Während der Themenroller mit einem schnellen Thema beginnen kann, haben wir festgestellt, dass die direkte Bearbeitung des Stylesheets uns die besten Ergebnisse gebracht hat. Sehen Sie sich zum Beispiel unseren Minimalansatz für ein Kalenderdesign oder die Overlay-Box für die Anmeldung auf unserer Homepage an.

Während einige mit Spannung erwartete Tools (Menü, Tooltips) noch auf ihre Freigabe warten, warten wir gerne noch ein wenig auf gut durchdachte, qualitativ hochwertige und anständig gestaltete Steuerelemente, die jQuery UI bietet. Die Struktur, die sie mit Werkzeugoptionen gemacht haben, ist nett und wird sehr intuitiv, um neue Steuerelemente um Ihre Web-App mit einem gemeinsamen Stil zum Hinzufügen von Optionen hinzuzufügen.

Wie Sie sehen, sind wir insgesamt sehr beeindruckt von jQuery UI für unsere allgemeinen UI-Tools, aber wir haben auch jQuery Tools (http://flowplayer.org/tools/index.html) in einigen implementiert Orte wo benötigt.

+0

jQuery UI ist ein langsam fahrender Zug, während sich die mobile Version vergleichsweise mit Lichtgeschwindigkeit bewegt. Fast August, 2011 und 1.9 Veröffentlichung sieht weit weg. Sie haben Kommentare auf ihrem Blog ebenfalls deaktiviert. Was es tut, ist es ziemlich gut, nur ein paar fehlende essentielle Widgets (Baum, Menü, Datenraster), also kann nicht beschweren, es ist schließlich frei – virtualeyes