... develop iPhone and iPod touch applications, you can utilize CSS to make
powerful user interfaces.
Mobile Safari provides support for several of the more advanced
-webkit-
styles that are not part ...
The best example of the need to handle text overflow is in the top toolbar that is a standard part of
iPhone application interface. By default, any content that does not fit inside...
... #leftPane {
position: absolute;
width: 160px;
height: 100 %;
}
#rightPane {
position: absolute;
width: 140px;
left: 161px;
height :100 %;
}
#scrollPad {
width: 148px;
top: 3px;
height: ... }, 100 );
}, false);
As shown in the preceding example, a function called
twoFingerScroll()
is assigned to be the
event handler for
window.onmousewheel
. And, as is now typical for i...
... usage.
Preparing iPhone/ iPod touch–Friendly Video
iPhone and iPod touch support a variety of video formats, including H.264 (Baseline Profile Level 3.0),
QuickTime, and MPEG-4 Part 2 (simple ... settings for the two media files.
iPhone and iPod touch do not support RTP/RTSP streaming. Therefore, if you are using an earlier
version of QuickTime or a third-party tool, be sure to...
... transform existing content into the columnar structure that iPhone and iPod touch users love.
Tier 3: Custom iPhone/ iPod touch Styles
An iPhone and iPod touch user can navigate a Tier 2 Web site ... style sheet for iPhone and iPod touch usage, you can use a CSS3 media query.
iPhone and iPod touch do not support the dumbed down
handheld
or
print
media types. Instead, iPhone...
... with your iPhone and your application is now
ready to run in offline mode. Figure 10- 7 shows a fully functional Tipster.
Figure 10- 7: The Tipster application
c10.indd 236c10.indd 236 ... window.scrollTo(0, 1);
}, 100 );
}, false);
function checkTotal(fld) {
Figure 10- 4: Tipster application design
c10.indd 228c10.indd 228 12/7/07 2:56:58 PM12/7/07 2:56:58 PM
Chapter 10:...
... 1.0)
;"><span> ;100 %</span></div>
</div>
</body>
</html>
Figure 4 -10 shows the page in Mobile Safari.
Creating CSS -Based iPhone Buttons
Using
-webkit-border-image
... first keyword, the top, middle, and bottom parts of the image are scaled to the
same width as the element's padding box. Far less common for iPhone use,
round
can...