Channels ▼
RSS

JVM Languages

Onsen UI 1.1 Support For jQuery


HTML5 hybrid app development platform Monaca has released Onsen UI 1.1 with Global Object support. Onsen UI is described as a custom-elements-based HTML5 UI framework for building mobile user interfaces for PhoneGap and Cordova.

Global Object support essentially hides the complexity of AngularJS and, at the same time, makes libraries like jQuery available. This means that developers who know JQuery can use Onsen UI to quickly build mobile interfaces.

It is worth pointing out that AngularJS.org says that while HTML is great for declaring static documents, it falters when developers try to use it for declaring dynamic views in Web applications. "AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop," reads the site.

Monaca CEO Masahiro Tanaka says that Onsen UI 1.1 provides the power of modern HTML5 technology without requiring a deep understanding of the underlying complexity.

"With our new jQuery support, developers will have even more options when using Onsen UI to create world-class hybrid apps. This is especially useful for developers and designers who desire a more lightweight solution than AngularJS, or who want to increase the performance of their existing apps without a fundamental change," said Tanaka.

AngularJS and Monaca

Onsen UI 1.1 also allows developers access to Onsen CSS Components, a free resource of UI templates and theme roller functionality.

Onsen UI 1.1 supports Android 2.3 and up, iOS 6 and up, and now Google Chrome and Safari. Onsen UI is built on the stack of Topcoat, AngularJS, HammerJS, and Font Awesome. Onsen UI itself is free and available under the Apache License.


Related Reading


More Insights






Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

 
Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.
 

Video