We are happy to announce the first stable release of jQuery Mobile 1.4. For this new version we focused on performance improvements and reviewing widgets. We also introduced a new default theme and SVG icons. Some of the new features that come with this release are a flipswitch widget, a generic filter widget named “filterable”, popups with arrows, tooltips for sliders and we integrated the tabs widget from jQuery UI.
To improve performance we reduced DOM manipulation. Generation of inner markup for elements styled as butons has been completely removed. In many cases the framework just adds classes to the native element during enhancement and we even reduced the amount of classes that are added by the framework.
New default theme
This was also a good time to switch to a new default theme with a flat, more modern, design. The number of swatches has been reduced from five to two; a light “A” swatch and a dark “B” swatch.
Not only the theme is new. A big thank you to Glyphish for creating a complete new icon set for jQuery Mobile! These are vector-based SVG icons, but we included a fallback to external PNG icons on browsers that don’t support inline SVG. We are also going to provide additional stylesheets, each with different icon CSS (inline SVG, data-uri PNG, and external PNG) that can be used with the full Grunticon solution.
The style and structure of the demos have been changed. The demos are no longer divided in sections, but all content is grouped by component. All demos are now directly accessible via the new, responsive, navigation menu.
We did not only release a new version of the framework, but also launched our new website! The jQuery Mobile site now uses the same WordPress parent theme as the other jQuery projects.
To ensure that the new website gains maximum visibility and traffic, it’s important to optimize it for search engines. That’s where an SEO Crash Course comes in handy. By following the best practices of SEO and making sure that the website is optimized for keywords, meta descriptions, and headings, we can increase its chances of ranking higher in search engine results pages (SERPs). Additionally, we can improve the website’s overall user experience by optimizing its loading speed, mobile responsiveness, and navigation. With the right SEO strategies in place, we can attract more organic traffic to the new jQuery Mobile site and establish it as a leading resource in the mobile development community.
We want to say thanks to everyone who contributed. Thank you Sven Franck for all your hard work on the new filterable widget and the table widget!
- Uncompressed: jquery.mobile-1.4.0.js (useful for debugging)
- Minified and Gzipped: jquery.mobile-1.4.0.min.js (ready to deploy)
- Uncompressed with Default theme: jquery.mobile-1.4.0.css (useful for debugging)
- Minified and Gzipped with Default theme: jquery.mobile-1.4.0.min.css (ready to deploy)
- Uncompressed structure without a theme: jquery.mobile-1.4.0.css (useful for theme development)
- Minified and Gzipped structure without a theme: jquery.mobile-1.4.0.min.css (ready to deploy)
Copy-and-Paste Snippet for CDN-hosted files:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
If you want to host the files yourself you can download a zip of all the files.
Supported jQuery versions
jQuery Mobile 1.4 supports jQuery core 1.8 and newer.
Graded Browser Support
See the jQuery Mobile 1.4 Supported Platforms page for the Graded Browser Support of this version.
All changes are listed in the 1.4.0 changelog. If you are upgrading from jQuery Mobile 1.3 you can use the 1.4 upgrade guide.
Please do not use the comments section of this blog post to report bugs or ask for support. See our Contributing Guidelines for instructions about reporting issues. Use the forum for support questions. Thank you!