Alle Html-Steuerelementbibliotheken - ein visuelles Gegenstück zu jQuery/Prototype

Question

jQuery bietet eine browserneutrale Bibliothek für den Zugriff auf und die Bearbeitung des DOM. Das ist gut.

Allerdings suche ich nach einem Gegenstück für die visuelle Seite der Dinge - ich muss Pixel gemessen Schnittstellen zu bauen, ohne so viel Zeit zu verschwenden testen und Cross-Browser-Probleme zu korrigieren (Schaltflächen mit verrückten Rändern in IE oder mit dem falschen Box-Modell in FireFox. Die vielen IE und andere Instanzen, bei denen mehrere Elemente auf eine Zeile gesetzt werden, verschraubt Ausrichtung oder schwimmt).

Grundsätzlich muss ich in der Lage sein, Schnittstellen auf Papier mit genauen Pixeldimensionen zu planen (zum Beispiel alle Textfelder sollten genau 22px hoch sein), und dann diese Designs einfach in Html übersetzen. In einer WinForms-Welt ist dies normalerweise einfach. Mit HTML ist es alles andere als, und ich finde es am schlimmsten, wenn es um Eingabesteuerelemente geht.

Welche Bibliotheken oder Sammlungen könnte ich verwenden, um diese Art von Design in die Realität umzusetzen (außerhalb der Umwandlung von allem in Silverlight, wo dieser Grad an Kontrolle besteht). Javascript muss aktiviert sein (zunächst AJAX), sodass Bibliotheken vollständig auf Steuerelemente angewiesen sind.

Einige der Komponenten Ich bin für die Steuerung in einem einheitlichen Stil mit präzisen Pixel suchen

Buttons
Textfelder
Auswahlmenüs
Comboboxen (Dropdown deren Text direkt bearbeitet werden kann)
Toggle Buttons

Answer 1

Alternativen sind Dojo (pure-JS) und GWT (JS aus Java generiert). Einige mögen argumentieren, dass JS insgesamt zu ditching und mit dem Flash-Backed Flex ist eine gute Option.

Answer 2

JQuery UI ist eine gute Erweiterung von JQuery, die umfangreiche Steuerelemente wie Dialoge, Drag & Droppables usw. ermöglicht.

Die Yahoo Interface Library ist ein weiteres Toolset, das Sie verwenden können, das näher an dem sein könnte, nach dem Sie ursprünglich gefragt haben.

Answer 3

Überprüfen Sie auch ExtJS. Ich habe diese ausführlich benutzt und ich kann dafür bürgen, wie gut es ist. Ursprünglich war es eine Gabel der Yahoo UI Library (YUI), die Soviut erwähnte. Persönlich denke ich, dass es viel besser und nützlicher als das ursprüngliche YUI ist.