jQuery UI: przełomowe zmiany w wersji 1.7

Zespół pracujący nad rozwojem jQuery UI poinformował o wydaniu wersji 1.7 tego środowiska do budowy webowych interfejsów użytkownika. Przynosi ona zupełnie nowy framework CSS, przepiękne, niezwykle dopracowane kontrolki oraz poważne aktualizacje w przeznaczonej do przygotowywania skórek aplikacji Themeroller.

Na wydanie nowej wersji musieliśmy trochę poczekać. Przez ten czas oprócz prac typowo deweloperskich, zespół jQuery UI zajmował się przebudową swojej własnej struktury, wdrożeniem nowych członków i uruchomieniem nowych mechanizmów komunikacji z użytkownikami. Udostępniono m.in. publicznie dostępną wiki dla programistów korzystających z jQuery UI.

Te zmiany organizacyjne poważnie wpłynęły na jakość projektu. Jak piszą autorzy: „W wersji 1.7 naprawiliśmy setki błędów z wersji 1.5.3, wprowadziliśmy wiele nowych funkcjonalności, lepszą architekturę rdzenia i znaczne zmiany w mechanizmie skórek”.

Spośród tych nowych funkcjonalności najważniejsze są:

pełna kompatybilność z jQuery 1.3,
nowy, rozszerzalny framework CSS,
przebudowane i zoptymalizowane wtyczki,
łatwe mechanizmy budowy skórek dla interfejsów

Wprowadzenie nowego, obsługującego Themerollera frameworka CSS pozwala nie tylko na łatwe przygotowanie skórek dla załączonych komponentów jQuery UI, ale także na tworzenie rozszerzeń, które będą mogły wykorzystywać zewnętrzne style graficzne.

Pasek postępu w jQuery UI (dostępne są wersje animowane,
interaktywnie skalowane itp.)

Scott Jehl, który jest głównym architektem tego frameworka wyjaśnił: „zawiera on [framework jQuery UI – przyp. red.] nowe klasy, które pokrywają szeroki zakres typowych potrzeb projektanta interfejsu i mogą być manipulowane za pomocą jQuery UI ThemeRollera. Choć wykorzystujemy ten framework we wszystkich widgetach jQuery, to może on też działać w oddzielnych wtyczkach, a nawet w kodzie, który nie ma nic wspólnego z jQuery UI!”.

Nawigacja w kartach (oczywiście z pełną obsługą Ajaksa).

Dodatkowo autorzy przygotowali niewielki bookmarklet, który pozwala uruchomienie ThemeRollera na dowolnej stronie WWW. Bookmarklet wystarczy umieścić w pasku zakładek Firefoksa – i już możemy zmienić styl dowolnej strony za pomocą frameworka jQuery UI.

jQuery UI miało być tym dla aplikacji RIA czym jQuery stało się dla Ajaxa. Można śmiało powiedzieć, że z tym wydaniem cel ten został w dużej mierze spełniony. Wystarczy przyjrzeć się demonstracjom możliwości tego frameworka, dostępnym na stronie jqueryui.com/demos/ by zobaczyć, co można uzyskać dzięki sprytnemu wykorzystaniu JavaScriptu i CSS.

Prosty system suwaków: ustaw sobie kolor w jQuery UI.

Pełen pakiet modułów jQuery UI (czyli rdzeń, interakcje, widgety i efekty) można pobrać ze strony jqueryui.com/download. Dostępny jest też ciekawy pakiet skórek – albo poprzez svn, albo w archiwum ZIP.

Źródło: jQueryUI.com

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

7 skomentuj »

Komentarze

#1 zoom 2009-03-14 16:08:31 0
szacun dla teamu jquery
IP: 83.238.147.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 GTB5
#2 adminik 2009-03-16 16:10:33 0
jQuery moim zdaniem jest najlepszym frameworkiem przeznaczonym jak i dla webdesignerów, koderów XHTML/CSS jak i programistów JavaScript.
IP: 83.7.4.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/530.1 (KHTML, like Gecko) Chrome/2.0.169.1 Safari/530.1
#3 Maruder 2009-03-16 16:55:15 0
Przepiękne? Niezwykle dopracowane? Błagam Was... Korzystam z jQuery i uważam, że jest to rewelacyjny framework ale jQuery UI nie dorasta Extowi do pięt. Szukacie czegoś ładnego dla oka, zapraszam do zapoznania się z ExtJS, które określane jest mianem pixel-perfect. Też nie jest idealne - wiadomo, ale jako UI i zestaw widgetów jest moim zdaniem najlepsze.
IP: 83.15.85.[...] Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_6; pl-pl) AppleWebKit/525.27.1 (KHTML, like Gecko) Version/3.2.1 Safari/525.27.1
#4 Paweł- 2009-03-16 16:55:44 0
Nadchodzi nowa era projektowania stron.
IP: 89.161.83.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
#5 Lalunia z ładnym cycem 2009-03-26 09:18:09 0
tak, zaprojektuj mi majteczki pawełku ;D
IP: 79.173.22.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
#6 gość 2009-07-12 10:33:55 0
Do ExtJS wiele mu brakuje, ale trzymam za dalszy rozwój kciuki!
IP: 83.23.69.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
#7 gal anonim 2009-07-30 22:15:53 0
Mam rozumiec, ze wchodze na dowolna strone internetowa (np. facebook), uruchmiam bookmarklet i dokonuje za pomoca themeroller wszelkich zmian jakich chce?

Czy takie zmiany beda zawsze automatycznie wyswietlane w mojej przegladarce po wejsciu na facebook, czy raczej bede musial je za kazdym razem uruchamiac?
IP: 82.126.103.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.12) Gecko/2009070611 Firefox/3.0.12 (.NET CLR 3.5.30729)

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.