Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>There aren't any major differences between handsets and tablets, except for the screen size. For example, what you would show in a handset in one long scrolling screen, would be shown in a split-screen on a tablet (I am concentrating on the user-experience here).</p> <p>Split-screen support in still rare in the jscript frameworks, since webkit browsers didn't fully support scrolling only parts of a page (i.e. an iframe or overflow:scroll divs), this support is only now starting to get materialized with iOS5 (Android already had this since 2.2, but it never worked right). There have been other jscript solutions (like <a href="http://cubiq.org/iscroll" rel="nofollow">iScroll</a>), but being client code they are not always bringing the full "experience" to the client.</p> <p>The <a href="http://jquerymobile.com/test/" rel="nofollow">JQuery-Mobile docs</a> have a version under testing, you can try that in a tablet/handset to see the differences.</p> <p>Regarding your "own UI design", if you mean colors/icons/buttons that's possible on any framework. Where the problems start is when you want to create custom layouts, and each framework provides partial support depending on what exactly you want to achieve.</p> <p>In general, I'd say Sencha totally separates you from HTML design - you build everything using JSON controls and it has an extensive events/rendering code (of course you can write your own controls), whereas frameworks like JQuery mobile work directly on the HTML (you specify data-* attributes for the details) and renders it almost the same (ok, it does adds wrapping layers, but in general it's still pure HTML).</p> <p>As always, "it depends" on what you want to achieve and what you are ready to give up... ;-)</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload