jQuery UI

jQuery UI je javascriptový framework vytvořený s cílem ulehčit vývojářům implementaci pokročilých efektů a elementů do jejich webových stránek. Je vyvýjen jako součást projektu The jQuery Project, do kterého mimo jQuery UI spadá ještě univerzálnější knihovna jQuery , nástroj QUnit sloužící na unit testování v javascriptu a DOM nástroje Sizzle. První release byl vydán 17. září roku 2007. jQuery UI je stejně jako ostatní součásti jQuery projectu vyvíjeno pod licensí MIT a GPL.

Struktura jQuery UI

jQuery UI se dělí do čtyř základních částí, z nichž každá obsahuje několik funkcí. Takto vypadala struktura frameworku v prosinci roku 2010:

Interactions

Obsahuje metody pro implementaci pokročilých interakcí mezi uživatelem a rozhraním webové aplikace.

Draggable - Umožnuje přiřadit jakémukoliv objektu přiřadit vlastnost draggable, uživatel, je tak bude moci snadno přesouvat po stránce tažením pomocí kurzoru myši.
Droppable - Poskytuje implementaci drag and drop chování objektů. Vybrané elementy je možno přesouvat a odchytávat událost upuštění
Resizable - Libovolný element se po aplikaci stane "resizable", uživatel ho bude moci zvětšovat nebo zmenšovat pomocí myši podobně jako okna desktopových aplikací.
Selectable - Umožňuje vybírat jednotlivé, nebo více elementů najednou.
Sortable - Umožnuje uživateli třidit a řadit elementy tažením myši.

Widgets

Pokročilé elementy UI jako vyskakovací okna, tlačítka, progressbar.

Accordion - Snadno vkládatelné rozklikávací položky
Autocomplete - Autocomplete pro formuláře
Button - tlačitko
Datepicker - Pokročilý nástroj pro výběr data.
Dialog - Vyskakovací modální, či nemodální dialog
Progressbar - Snadno implementovatlený progressbar
Slider - slider, element UI známý spíše z desktopových aplikací
Tabs - elegantní navigace pomocí "tabů"

Utilities

nástroj pro pozicování jQuery UI widgetů

Effects

Poskytuje široký výběr grafických efektů

Effect - Obsahuje široký výběr různých grafických efektů, jako skrývání, třesení, blikání a mnoho dalších
Show - Metoda pro zviditelnění skrytého objektu, parametry jsou efekt, trvání a callback funkce.
Hide - opak metody Show
Toggle - kombinace metod Hide a Show do jedné. Obě akce se střídají
Color animation - poskytuje možnost animovat barevné přechody
Add class - umožuje přidat jakémukoliv elementu zvolenou třídu
Remove class- opak funkce Add class
Toggle class - střídavě přidává a odebírá zvolenou třídu určitému elementu
Switch class - změna třída, která může být doprovázena animací