jQuery UI

Ostatnio rezygnuję z komponentów napisanych w mootools na rzecz jQuery. Praca z tym frameworkiem jest nieco przyjemniejsza i zajmuje mniej kodu, a tym samym wymaga mniej pisania :) .

Oglądając stronę jQuery.com nietrudno w menu znaleźć link do jQuery UI. Ten interface oparty jest na zupełnie innej koncepcji niż opisywany przeze mnie wcześniej mochaUI w poście http://www.reboo.pl/2008/09/30/interface-mochaui/

jQuery UI bazuje głównie na stylach dostępnych w CSS2 oraz CSS3 (np.  zaokrąglenia rogów), przez co nie wygląda to tak samo w wszystkich przeglądarkach (np. IE8) oraz JavaScricie. MochaUI jest nico bardziej skomplikowane i rysuje wszystko w elemencie canvas, który jest częścią standardu nadchodzącego HTML5. Działa on jednak na silniku trident, przez emulację JavaScript.

Budując interface aplikacji z wykorzystaniem jQueryUI mamy większą swobodę niż w przypadku konkurenta. MochaUI wymaga pewnych kontenerów na elementy i niektóre z nich są wymagane. jQuery UI jest natomiast zbiorem elementów dzięki którym możemy wykonać prawie dowolny interface, ale wymaga to jednak trochę kodowania i dobrej znajomości tego narzędzia.

Funkcje i elementy jQueryUI to m. in.:

• klasy do zaokrągleń rogów
• ikonki
• kalendarz
• accordeon
• zakłądki
• slider
• progressbar
• alerty
• okna dialogowe

Dodatkowe interface wprowadza interakcje takie jak: sortable (sortowanie), draggable (przenoszenie), dropable (opuszczanie), resizable (zmiana rozmiaru), selectable (zaznaczanie).

Kolejną ciekawą funkcjonalnością jest możliwość łatwego tworzenia swoich motywów dzięki generatorowi dostępnemu na: http://jqueryui.com/themeroller/.

Jak dla mnie jest to o wiele lepsze rozwiązanie niż mochaUI, głównie dzięki dużym możliwościom konfiguracyjnym.