25 April 2012

jQuery UI Bootstrap Theme

Website developmentjQuery
На проектах использую Twitter Bootstrap и jQuery UI для прототипирования интерфейсов различных элементов страниц в т.ч. форм.

На днях понадобилось дополнить форму одним полем. Был выбран наиболее подходящий формат, в виде набора переключателей (элемент input, тип radio).

В Twitter Bootstrap, набор переключателей представлен в виде набора кнопок и не работает напрямую с элементом input, что предполагает написание дополнительного кода для обработки событий. Библиотека jQuery UI, имеет решение подобной задачи, и вся обработка событий уже реализована.

Остановился на библиотеке jQuery UI. Осталось решить вопрос с внешним видом. Прототип прототипом, но не хотелось ломать стройный внешний вид, различный у Twitter Bootstrap и jQuery UI.

На помощь пришел проект jQuery UI Bootstrap, суть которого в том, чтобы перенести визуальное исполнение виджетов Twitter Bootstrap на виджеты jQuery UI. По большей части, проект представляет из себя jQuery UI-совместимую тему.

Материалы по теме:
Tags:jquery uitwitter bootstrap
Hubs: Website development jQuery
+29
41.1k 257
Comments 14
Popular right now
Веб-дизайн (UX/UI)
December 14, 202069,900 ₽Moscow Digital Academy
UX & UI Designer
February 10, 202146,990 ₽Level UP
Python для веб-разработки
November 27, 202049,500 ₽SkillFactory
SMM-менеджер
November 27, 202069,900 ₽Нетология