{"id":4,"date":"2023-08-25T18:58:56","date_gmt":"2023-08-25T18:58:56","guid":{"rendered":"\/\/jqueryui.com\/?page_id=4"},"modified":"2026-01-29T16:52:30","modified_gmt":"2026-01-29T16:52:30","slug":"about","status":"publish","type":"page","link":"https:\/\/jqueryui.com\/about\/","title":{"rendered":"About jQuery UI"},"content":{"rendered":"<p>jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.<\/p>\n<h2 class=\"toc-linked\" id=\"vision-and-goals\"><a href=\"#vision-and-goals\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Vision and Goals<\/h2><h3 class=\"toc-linked\" id=\"collaborative-design-process\"><a href=\"#collaborative-design-process\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Collaborative design process<\/h3><p>The process for designing and planning the future of the jQuery UI library should be open, transparent and in the hands of the community. We welcome input from anyone interested in engaging with the team, from hard-core developers to visual and interaction designers, accessibility experts, product managers, business people, end users and more.<\/p>\n<h3 class=\"toc-linked\" id=\"flexible-styling-and-themes\"><a href=\"#flexible-styling-and-themes\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Flexible styling and themes<\/h3><p>Widgets should provide hooks to enable developers to customize both behavioral and presentational aspects. Transition animations should be optional and customizable. Class names used on internal elements should be meaningful to jQuery UI users and enable styling either through <a href=\"https:\/\/jqueryui.com\/themeroller\/\">ThemeRoller<\/a> or hand-written CSS via the <a href=\"https:\/\/learn.jquery.com\/jquery-ui\/theming\/\">jQuery UI CSS Framework<\/a>. As much as possible, style attributes should be separated into the plugin's CSS, not within the scripts in order to make customization simple and clear. Widgets styles should be coded with proportional (em-based or % based) sizing and should re-flow horizontally to fill the space provided.<\/p>\n<h3 class=\"toc-linked\" id=\"elegant-visual-and-interaction-design\"><a href=\"#elegant-visual-and-interaction-design\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Elegant visual and interaction design<\/h3><p>All widgets should be designed for simplicity, ease of use and aesthetics. We aim to synthesize best practice examples from mobile and desktop OS, web applications and a bit of common sense to create a robust and flexible set of UI widgets that is visually coherent and consistent in behavior. Features should be pared down to focus on what is practical and commonly needed with a system for extending features through customization.<\/p>\n<h3 class=\"toc-linked\" id=\"elegant-api\"><a href=\"#elegant-api\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Elegant API<\/h3><p>The jQuery UI API is designed to be as simple and intuitive as the jQuery API. You find elements using a query selector, then call a succinct method on the resultant set. There are suitable defaults to cover the most common use cases, so quite often it's not necessary to specify any non-default options. All options are optional.<\/p>\n<h3 class=\"toc-linked\" id=\"progressive-enhancement\"><a href=\"#progressive-enhancement\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Progressive enhancement<\/h3><p>Since we're developing non-native HTML controls, widgets should be built in such a way that users on browsers and devices that are unable to support JavaScript can still interact with the website or application. Most of the current set of UI widgets follow the best practice of progressive enhancement and we're working to extend that pattern to widgets that don't. In most cases, advanced components can be generated from HTML primitives (i.e. slider from select menu, radio set, or text input), and as the UI library paired with the most popular JavaScript library in the world, we should lead by example in this area. Any UI widget that sits within the flow of a form should be able to store data using semantic HTML elements so the form can be submitted or serialized normally. jQuery UI components should follow the unobtrusive practices put forth by jQuery itself, and should attempt to be forward-looking in its attempts to normalize across browsers and devices (test for features\/bugs, not browser sniffing).<\/p>\n<h3 class=\"toc-linked\" id=\"deep-accessibility-support\"><a href=\"#deep-accessibility-support\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Deep accessibility support<\/h3><p>Widgets should also be accessible to JavaScript-capable users who have disabilities such as blindness or deafness (should we ever venture into the arena of audio\/video integration, for instance). We attempt to make components accessible through the use of semantic HTML elements within components and following the guidelines specified in the WAI-ARIA spec. Any image-based actions within widgets should provide text equivalents (close icons, expand\/collapse icons, etc. should have title attributes at the least).<\/p>\n<h3 class=\"toc-linked\" id=\"internationalization-and-localization\"><a href=\"#internationalization-and-localization\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Internationalization and localization<\/h3><p>Given the global audience for jQuery UI, we should embrace the ability to make our plugins work in a variety of languages and cultures.  By abstracting language away from the core plugin code and providing options for supporting cultural differences (right to left reading orientation, date and currency formats, iconography, etc.) we can build in the flexibility needed for a global community.<\/p>\n<h2 class=\"toc-linked\" id=\"jquery-ui-team\"><a href=\"#jquery-ui-team\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> jQuery UI Team<\/h2><p>There's a lot of work that goes into making jQuery UI the most successful UI library for the Web. Between API design, visual design, implementation, ticket triage, bug fixing, developer relations, infrastructure, and everything else, most of the work is done by volunteers. We'd like to recognize the most prominent contributors below, for a full list of all contributors, see the <a href=\"https:\/\/github.com\/jquery\/jquery-ui\/blob\/master\/AUTHORS.txt\">authors list<\/a>.<\/p>\n<h3 class=\"toc-linked\" id=\"alex-schmitz-project-lead\"><a href=\"#alex-schmitz-project-lead\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/arschmitz.me\/\">Alex Schmitz<\/a> \u2014 Project Lead<\/h3><p>Alex is the Project Lead for jQuery UI, jQuery Mobile, and Hammer.js and is a team member on the Chassis CSS Framework, and PEP ( Pointer Events Polyfill ) projects, in addition he assists the jQuery Infrastructure and Content Teams. Alex works for Clipper Digital as the Senior front end architect. Alex is a passionate and vocal advocate of accessibility, open source technology, and the future of mobile web.<\/p>\n<h3 class=\"toc-linked\" id=\"j-rn-zaefferer-development-lead\"><a href=\"#j-rn-zaefferer-development-lead\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/bassistance.de\/\">J\u00f6rn Zaefferer<\/a> \u2014 Development Lead<\/h3><p>J\u00f6rn is a freelance web developer, consultant and trainer, residing in Cologne, Germany. J\u00f6rn evolved jQuery\u2019s testsuite into QUnit, a JavaScript unit testing framework, and maintains it. He created and maintains a number of popular plugins. As a jQuery UI development lead, he focuses on the development of new plugins, widgets and utilities.<\/p>\n<h3 class=\"toc-linked\" id=\"felix-nagel\"><a href=\"#felix-nagel\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.felixnagel.com\/\">Felix Nagel<\/a><\/h3><p>Felix is a <a href=\"http:\/\/www.felixnagel.com\/portfolio\/\">freelance web developer<\/a> specializing in TYPO3 CMS and Symfony2 development. He is currently living in Dresden, Germany. Felix has built the <a href=\"https:\/\/jqueryui.com\/selectmenu\/\">Selectmenu<\/a> widget and is currently working on the <a href=\"https:\/\/jqueryui.com\/datepicker\/\">Datepicker<\/a> widget.<\/p>\n<h3 class=\"toc-linked\" id=\"mike-sherov\"><a href=\"#mike-sherov\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/mike.sherov.com\">Mike Sherov<\/a><\/h3><p>Mike is a Senior Software Engineer at <a href=\"http:\/\/blog.behance.net\/dev\">Behance<\/a>, from Plainview, New York. Mike is involved in bug fixing, testing, and code quality efforts across the jquery suite of projects. He focuses his efforts around the CSS\/JS interactions and interacts with standards bodies and browser vendors to move the web forward.<\/p>\n<h3 class=\"toc-linked\" id=\"rafael-xavier-de-souza\"><a href=\"#rafael-xavier-de-souza\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/rafael.xavier.blog.br\/\">Rafael Xavier de Souza<\/a><\/h3><p>Xavier rewrote Globalize on top of CLDR and is now its project lead. He also rewrote and maintains jQuery UI's download builder and ThemeRoller. He has a B.S. in Computer Science from University of Sao Paulo, Brazil. He was a Software Engineer at IBM, where he lead the brazilian team of Q&amp;A and Performance at Linux Technology Center.<\/p>\n<h2 class=\"toc-linked\" id=\"contributors-past-amp-present\"><a href=\"#contributors-past-amp-present\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Contributors (Past &amp; Present)<\/h2><h3 class=\"toc-linked\" id=\"aaron-eisenberger\"><a href=\"#aaron-eisenberger\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Aaron Eisenberger<\/h3><h3 class=\"toc-linked\" id=\"adam-j-sontag\"><a href=\"#adam-j-sontag\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.adamjsontag.com\">Adam J. Sontag<\/a><\/h3><h3 class=\"toc-linked\" id=\"alex-dovenmuehle\"><a href=\"#alex-dovenmuehle\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"https:\/\/github.com\/Adovenmuehle\">Alex Dovenmuehle<\/a><\/h3><h3 class=\"toc-linked\" id=\"ca-phun-ung\"><a href=\"#ca-phun-ung\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.yelotofu.com\/\">Ca-Phun Ung<\/a><\/h3><h3 class=\"toc-linked\" id=\"chi-cheng\"><a href=\"#chi-cheng\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/chicheng.me\/\">Chi Cheng<\/a><\/h3><h3 class=\"toc-linked\" id=\"cody-lindley\"><a href=\"#cody-lindley\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.codylindley.com\/\">Cody Lindley<\/a><\/h3><h3 class=\"toc-linked\" id=\"colin-clark\"><a href=\"#colin-clark\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Colin Clark<\/h3><h3 class=\"toc-linked\" id=\"corey-frang\"><a href=\"#corey-frang\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/gnarf.net\/\">Corey Frang<\/a><\/h3><h3 class=\"toc-linked\" id=\"dan-heberden\"><a href=\"#dan-heberden\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"https:\/\/twitter.com\/danheberden\">Dan Heberden<\/a><\/h3><h3 class=\"toc-linked\" id=\"david-bolter\"><a href=\"#david-bolter\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> David Bolter<\/h3><h3 class=\"toc-linked\" id=\"david-petersen\"><a href=\"#david-petersen\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/blog.petersendidit.com\/\">David Petersen<\/a><\/h3><h3 class=\"toc-linked\" id=\"eduardo-lundgren\"><a href=\"#eduardo-lundgren\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Eduardo Lundgren<\/h3><h3 class=\"toc-linked\" id=\"hans-hillen\"><a href=\"#hans-hillen\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Hans Hillen<\/h3><h3 class=\"toc-linked\" id=\"keith-wood\"><a href=\"#keith-wood\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/keith-wood.name\/\">Keith Wood<\/a><\/h3><h3 class=\"toc-linked\" id=\"klaus-hartl\"><a href=\"#klaus-hartl\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/stilbuero.de\/\">Klaus Hartl<\/a><\/h3><h3 class=\"toc-linked\" id=\"kris-borchers\"><a href=\"#kris-borchers\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/krisborchers.com\/\">Kris Borchers<\/a><\/h3><h3 class=\"toc-linked\" id=\"maggie-costello-wachs\"><a href=\"#maggie-costello-wachs\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.filamentgroup.com\/\">Maggie Costello Wachs<\/a><\/h3><h3 class=\"toc-linked\" id=\"marc-grabanski\"><a href=\"#marc-grabanski\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/marcgrabanski.com\/\">Marc Grabanski<\/a><\/h3><h3 class=\"toc-linked\" id=\"michelle-d-39-souza\"><a href=\"#michelle-d-39-souza\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Michelle D'Souza<\/h3><h3 class=\"toc-linked\" id=\"patty-toland\"><a href=\"#patty-toland\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.filamentgroup.com\/\">Patty Toland<\/a><\/h3><h3 class=\"toc-linked\" id=\"paul-bakaus\"><a href=\"#paul-bakaus\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/paulbakaus.com\/\">Paul Bakaus<\/a><\/h3><h3 class=\"toc-linked\" id=\"paul-irish\"><a href=\"#paul-irish\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/paulirish.com\/\">Paul Irish<\/a><\/h3><h3 class=\"toc-linked\" id=\"ralph-whitbeck\"><a href=\"#ralph-whitbeck\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/ralphwhitbeck.com\/\">Ralph Whitbeck<\/a><\/h3><h3 class=\"toc-linked\" id=\"rich-caloggero\"><a href=\"#rich-caloggero\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> Rich Caloggero<\/h3><h3 class=\"toc-linked\" id=\"richard-d-worth\"><a href=\"#richard-d-worth\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/rdworth.org\/\">Richard D. Worth<\/a><\/h3><h3 class=\"toc-linked\" id=\"scott-gonz-lez\"><a href=\"#scott-gonz-lez\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/nemikor.com\/\">Scott Gonz\u00e1lez<\/a><\/h3><h3 class=\"toc-linked\" id=\"scott-jehl\"><a href=\"#scott-jehl\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.filamentgroup.com\/\">Scott Jehl<\/a><\/h3><h3 class=\"toc-linked\" id=\"thomas-klose\"><a href=\"#thomas-klose\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.thomasklose.com\/\">Thomas Klose<\/a><\/h3><h3 class=\"toc-linked\" id=\"tj-vantoll\"><a href=\"#tj-vantoll\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/tjvantoll.com\">TJ VanToll<\/a><\/h3><h3 class=\"toc-linked\" id=\"todd-parker\"><a href=\"#todd-parker\" class=\"icon-link toc-link\"><span class=\"visuallyhidden\">link<\/span><\/a> <a href=\"http:\/\/www.filamentgroup.com\/\">Todd Parker<\/a><\/h3>","protected":false},"excerpt":{"rendered":"<p>jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you&#8217;re building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. link Vision and Goalslink Collaborative design processThe &hellip; <a href=\"https:\/\/jqueryui.com\/about\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-4","page","type-page","status-publish","hentry","category-meta"],"_links":{"self":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":3,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages\/4\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/media?parent=4"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/categories?post=4"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/tags?post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}