joe hewitt’s iui the secret to quick & sweet iphone web apps
DESCRIPTION
Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps. John Boxall. John Boxall DemoCampVancouver. Examples. Objects. ul. B The Beatles … . Objects. panel. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/1.jpg)
Joe Hewitt’s iUiThe secret to quick & sweet iPhone Web Apps
John Boxall
John Boxall
DemoCampVancouver
![Page 2: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/2.jpg)
Examples
![Page 3: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/3.jpg)
Objects
<ul title=“Artists” selected=“true”>
<li class=“group”>B</li>
<li>The Beatles</li>
…
</ul>
ul
![Page 4: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/4.jpg)
<div id="settings" title="Settings" class="panel">
<h2>Playback</h2>
<fieldset>
<div class=“row”>
<label>Repeat</label>
<div class=“toggle” onclick=“…”>
<span class=“thumb”></span>
<span class=“toggleOn”>ON</span>
<span class=“toggleOff”>OFF</span>
…
Objects
panel
![Page 5: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/5.jpg)
Objects
<form id="searchForm" class="dialog" action="search.php">
<fieldset>
<h1>Music Search</h1>
<a class="button leftButton" type="cancel">Cancel</a>
<a class="button blueButton" type="submit">Search</a>
<label>Artist:</label>
<input id="artist" type="text" name="artist"/>
…
dialog
![Page 6: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/6.jpg)
Flow<a href=“#artists”>
<ul id=“artists”>
<a href=“#TheBeatles”>
<ul id=“TheBeatles”>
![Page 7: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/7.jpg)
<ul id="home" title="Music" selected="true">
<li><a href="#artists">Artists</a></li>
<li><a href="#settings">Settings</a></li>
<li><a href="stats.php">Stats</a></li>
<li><a href="http://...">About</a></li>
<li>Nothing</li>
</ul>
![Page 8: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/8.jpg)
<ul id="home" title="Music" selected="true">
<li><a href="#artists">Artists</a></li>
<li><a href="#settings">Settings</a></li>
<li><a href="stats.php">Stats</a></li>
<li><a href="http://...">About</a></li>
<li>Nothing</li>
</ul>
![Page 9: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/9.jpg)
<ul id="home" title="Music" selected="true">
<li><a href="#artists">Artists</a></li>
<li><a href="#settings">Settings</a></li>
<li><a href="stats.php">Stats</a></li>
<li><a href="http://...">About</a></li>
<li>Nothing</li>
</ul>
![Page 10: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/10.jpg)
CSS3 Properties
![Page 11: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/11.jpg)
CSS3 Properties
![Page 12: Joe Hewitt’s iUi The secret to quick & sweet iPhone Web Apps](https://reader030.vdocuments.mx/reader030/viewer/2022032414/56813419550346895d9b06bd/html5/thumbnails/12.jpg)
iUihttp://code.google.com/p/iui/
iPhone Web Dev Grouphttp://groups.google.com/group/iphonewebdev
John Boxall
DemoCampVancouver
Resources: