... 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 also be used as
the ... and over to fill the width of the element. Figure 4 -11
shows how
-webkit-border-image
divides up the image.
0
0
14
14
Middle (1px)
Figure 4 -11: Carving up an image
for a border
Figure 4-12...
... want to incorporate aspects of both as part of your regular
debugging and testing process.
iPhone and iPod touch Debug Console
The 1.1.1 update of iPhone and the initial release of iPod ... developers have come to rely on for desktop browsers are not yet
compatible with the iPhone and iPod touch platform.
Many iPhone developers, unsure of where else to turn, end up resorting...
... Optimizing Web Sites for iPhone and iPod touch
180
Tier 1: iPhone/ iPod touch Compatibility
The first tier of support for iPhone and iPod touch is simply making your Web site work for iPhone and
iPod ... 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 na...
... Chapter 9: Bandwidth and Performance Optimizations
211
Make sure your images are sized appropriately for display on the iPhone and iPod touch
viewport. Never ever rely on browser scaling. ... JavaScript library file requested will always take up much more space
❑
❑
❑
❑
❑
❑
c09.indd 211c09.indd 211 12/7/07 2:55:44 PM12/7/07 2:55:44 PM
Chapter 9: Bandwidth and Performance Optimizations
2...
... script works on iPhone, it (along with other iPhone- specific bookmark-
lets in this chapter) still will not work on Windows Safari. Additionally, when you synch with Windows
Safari, iPhone bookmarklets ... of your iPhone and main computer through iTunes.
4.
Access the bookmarklet in the Bookmarks inside Mobile Safari (see Figure 10 - 2 ).
Figure 10-2: Accessing a bookmarklet from...
... also contains the code to hide the URL bar.
The iPhone update 1.1.1 added an
orientationchange
event. However, for maximum compatibility
with iPhone 1.0, I recommend continuing to use the
checkOrientAndLocation()
... of a
setTimeout
routine.
Handling Link Clicks
Because most of the user interaction with an iPhone/ iPod touch application is tapping the interface to
navigate t...
... 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 also be used as
the ...
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 of the cont...