Era brzydkich, ciężkich stron internetowych dawno już minęła - teraz przyszedł czas na ładne, proste aczkolwiek funkcjonalne strony i aplikacje internetowe. W tych ostatnich bardzo ważną rolę odgrywa UI (ang. User Interface) tworzone przy pomocy języka JavaScript - coraz więcej powstaje bibliotek do tworzenia ciekawych komponentów graficznych w świecie web. Oczywiście odkrywa to całkowicie nowe możliwości dla projektantów serwisów internetowych, którzy przed rozpoczęciem swoich prac powinni zapoznać się z aktualnymi możliwościami bibliotek JavaScript.

Jednym z nich jest biblioteka jQuery UI (można ją nazwać następcą biblioteki Interface jQuery, obie są oparte na jQuery), która oferuje coraz bardziej zaawansowane funkcjonalności - po prostu dojrzewa :-).

Listę funkcjonalności tworzą między innymi takie komponenty jak (zrzuty ekranu na podstawie przykładów ze strony domowej opisywanej biblioteki):

Accordion

Slider

Tabs

Dialog

Datepicker

Do tego należy dorzucić “standardowe” funkcjonalności tego typu systemów jak: obsługę drag&drop, zmianę wielkości (resizing) oraz sortowanie elementów.

To wszystko sprawia, iż biblioteka ta naprawdę jest godna uwagi (jeszcze rok temu nie byłem do niej przekonany). Jednak co mnie najbardziej urzekło to:

Schematy graficzne.
Każdy z powyższych elementów graficznych może uzyskać całkowicie inny schemat graficzny - na stronie ThemeRoller mamy listę istniejących schematów, pomiędzy którymi możemy się dowolnie przełączać - dodatkowo możemy stworzyć własne. Wart uwagi jest fakt, iż nazwy klas komponentów zostały dobrze przemyślane - zmieniając kolor tła aktywnego elementu zmieniamy kolor tła we wszystkich komponentach, które mogą być “aktywne” (jak zakładki w Tabs, wybór daty w Datepicker, itp).

Animacje.
W szczególności jeden efekt nazwany “explode”, który powoduje rozrzucenie kawałków wybranego elementu “div” na części.. wygląda to mniej więcej tak (zrzut na podstawie przykładu z tej strony)

Podsumowując możliwości projektowe aplikacji internetowych są naprawdę duże - nic tylko tworzyć…