HTML and CSS Reference
In-Depth Information
events. Supporting only iOS and Android, jQTouch is the second most popular frameā€
work on the interwebs with more than 9,000 Twitter followers and a nice following on
github ( Figure 3-16 ). However, the commit history in github looks a little sparse, with
six-month gaps at times. Table 3-2 outlines its features. (Check out the jQTouch demo . )
Figure 3-16. jQTouch github stats, June 2012
Table 3-2. jQTouch
Platform support
Android and iOS only
Programming model
Heavy CSS, light JavaScript; uses CSS classes for detecting the appropriate animations and
interactions; extensions supported
Wrapped or polyfilled HTML5 APIs
To set up the page, use the code:
<Title> My App </title>
<div id= "home" >
<div class= "toolbar" >
<H1> Hello World </h1>
<ul class= "edgetoedge" >
<li class= "arrow" ><a href= "#item1" > Item 1 </a></li>
To set up the component shown in Figure 3-17 , use:
<ul class= "edgetoedge" >
<li class= "arrow" ><a id= "0" href= "#date" > Today </a></li>
<li class= "arrow" ><a id= "1"
href= "#date" > Yesterday </a></li>
<li class= "arrow" ><a id= "2" href= "#date" > 2 Days
Ago </a></li>
<li class= "arrow" ><a id= "3" href= "#date" > 3 Days
Ago </a></li>
<li class= "arrow" ><a id= "4" href= "#date" > 4 Days
Search WWH ::

Custom Search