Tài liệu Lập trình iphone chuyên nghiệp part 5 doc

... iui.showPage($(link.hash.substr(1))); setTimeout(unselect, 50 0); } (continued) c03.indd 71c03.indd 71 12/7/07 2:43: 45 PM12/7/07 2:43: 45 PM Chapter 3: Implementing the Interface 76 Listing 3 - ... source (the AJAX document fragment): function replaceElementWithSource(replace, source) { var page = replace.parentNode; var parent = replace; while (page.parentNode != document.body)...

Ngày tải lên: 15/12/2013, 11:15

... 1 pixel under the element’s text: text-shadow: rgba( 255 , 255 , 255 , 0.7) 0 1px 0; c04.indd 89c04.indd 89 12/7/07 2: 45: 25 PM12/7/07 2: 45: 25 PM Chapter 4: Styling with CSS 86 Finally, you can ... precise control over the text sizing, particularly when you go between portrait and landscape modes. c04.indd 86c04.indd 86 12/7/07 2: 45: 25 PM12/7/07 2: 45: 25 PM Chapter 4: Styling wi...

Ngày tải lên: 15/12/2013, 11:15

... setTimeout(orientationChange, 0); }, false); Figure 5- 2: Landscape mode (continued) c 05. indd 111c 05. indd 111 12/7/07 2:47: 05 PM12/7/07 2:47: 05 PM Chapter 5: Handling Touch Interactions and Events 107 ... -webkit-user-select: none; cursor: default; Figure 5- 4: Push button aligned in landscape mode (continued) c 05. indd 113c 05. indd 113 12/7/07 2:47: 05 PM12/7/07 2:47: 05 P...

Ngày tải lên: 15/12/2013, 11:15

... scrollBall(delta); return true; } Figure 5- 5: UI for the ScrollPad application c 05. indd 115c 05. indd 1 15 12/7/07 2:47:06 PM12/7/07 2:47:06 PM Chapter 5: Handling Touch Interactions and Events ... Helvetica; Figure 5- 7: When the globe hits the bottom of the viewport, it begins to melt. c 05. indd 118c 05. indd 118 12/7/07 2:47:07 PM12/7/07 2:47:07 PM Chapter 5: Handling Touch Inte...

Ngày tải lên: 15/12/2013, 11:15

... context.beginPath(); context.arc(1 25, 65, 35, 0, 2*pi, 0); context.stroke(); context.endPath(); } The arc() method starts the arc shape at coordinate (1 25, 65) and draws a 30px radius starting ... type=”application/x-javascript”> function draw(){ var canvas = document.getElementById(‘myCanvas’); var context = canvas.getContext(‘2d’); context.strokeRect(10,10, 150 ,140); context...

Ngày tải lên: 15/12/2013, 11:15

... ratio of the display. In particular, the iPhone and iPod touch displays have an aspect ratio of 1 .5: 1 (480/320=1 .5) . To display for 1.78:1 and 2. 35: 1 aspect ratios, iPhone or iPod touch will ... on a canvas c06.indd 141c06.indd 141 12/7/07 2:48: 25 PM12/7/07 2:48: 25 PM Chapter 6: Advanced Programming Topics: Canvas and Video 152 Because iPhone and iPod touch do not support...

Ngày tải lên: 15/12/2013, 11:15

... rgba( 255 , 255 , 255 , 0. 75) 2px 2px 0; top: 5px; clear: none; } .panel h2.cui { margin: 0 0 30px 80px; font-size: 14px; font-weight: normal; color: black; text-shadow: rgba( 255 , 255 , 255 , 0. 75) ... class=”cuiServiceLink” target=”_self” href=”tel:(7 65) 55 5-1212” onclick=”return (navigator.userAgent.indexOf( iPhone ) != -1)”>(7 65) 55 5-1212</a> </div> <d...

Ngày tải lên: 15/12/2013, 11:15

... c08.indd 195c08.indd 1 95 12/7/07 2 :54 :41 PM12/7/07 2 :54 :41 PM Chapter 8: Enabling and Optimizing Web Sites for iPhone and iPod touch 191 Media Queries If you wish to specify a style sheet for iPhone ... custom styles specifically for iPhone and iPod touch. c08.indd 190c08.indd 190 12/7/07 2 :54 :40 PM12/7/07 2 :54 :40 PM Chapter 8: Enabling and Optimizing Web Sites for iPhon...

Ngày tải lên: 24/12/2013, 17:15

... #4d4d70; text-shadow: rgba( 255 , 255 , 255 , 0. 75) 2px 2px 0; } </style> Encoding Images While you now have all of the styles and scripting code inside of the HTML document, there is one last ... application c10.indd 235c10.indd 2 35 12/7/07 2 :57 :00 PM12/7/07 2 :57 :00 PM Chapter 10: Packaging Apps as Bookmarks: Bookmarklets and Data URLs 234 padding: 10px; height: 45px; b...

Ngày tải lên: 24/12/2013, 17:15

... 246px; line-height: 46px; margin: 15px auto; text-align:center; text-decoration: none; font-weight: bold; color: #000000; text-shadow: rgba( 255 , 255 , 255 , 0.7) 0 1px 0; border-width: 0 14px ... text-decoration: none; line-height: 46px; font-weight: bold; color: #000000; text-shadow: rgba( 255 , 255 , 255 , 0.7) 0 1px 0; border-width: 0 14px 0 14px; -webkit-border-image: url(...

Ngày tải lên: 15/12/2013, 11:15