Preface |
|
xvii | |
|
|
1 | (34) |
|
|
1 | (8) |
|
|
1 | (2) |
|
|
3 | (6) |
|
Brands, Models, and Platforms |
|
|
9 | (23) |
|
|
9 | (4) |
|
|
13 | (4) |
|
|
17 | (3) |
|
|
20 | (4) |
|
|
24 | (2) |
|
|
26 | (1) |
|
|
27 | (1) |
|
|
27 | (1) |
|
|
28 | (1) |
|
|
28 | (1) |
|
|
29 | (1) |
|
|
29 | (1) |
|
|
30 | (1) |
|
|
30 | (1) |
|
|
31 | (1) |
|
|
31 | (1) |
|
|
31 | (1) |
|
|
32 | (3) |
|
2 Understanding the Mobile Web |
|
|
35 | (28) |
|
|
35 | (3) |
|
It's Not the Mobile Web; It's Just the Web! |
|
|
35 | (1) |
|
You Don't Need to Do Anything Special About Your Desktop Website |
|
|
36 | (1) |
|
One Website Should Work for All Devices (Desktop, Mobile, TV) |
|
|
36 | (1) |
|
Just Create an HTML File with a Width of 320 Pixels, and You Have a Mobile Website |
|
|
37 | (1) |
|
Native Mobile Applications Will Kill the Mobile Web |
|
|
37 | (1) |
|
People Are Not Using Their Mobile Browsers |
|
|
37 | (1) |
|
|
38 | (1) |
|
|
38 | (1) |
|
|
39 | (4) |
|
|
39 | (2) |
|
|
41 | (2) |
|
The Mobile Browsing Experience |
|
|
43 | (7) |
|
|
43 | (2) |
|
|
45 | (1) |
|
|
46 | (1) |
|
Direct Versus Cloud-Based Browsers |
|
|
47 | (1) |
|
|
48 | (1) |
|
|
49 | (1) |
|
|
50 | (10) |
|
|
50 | (8) |
|
|
58 | (2) |
|
|
60 | (1) |
|
|
60 | (3) |
|
3 Browsers and Web Platforms |
|
|
63 | (26) |
|
Web Platforms That Are Not Browsers |
|
|
64 | (9) |
|
|
64 | (3) |
|
|
67 | (1) |
|
|
68 | (1) |
|
Native Web Apps, Packaged Apps, and Hybrids |
|
|
69 | (3) |
|
|
72 | (1) |
|
|
73 | (16) |
|
|
73 | (9) |
|
User-Installable Browsers |
|
|
82 | (5) |
|
|
87 | (2) |
|
4 Tools for Mobile Web Development |
|
|
89 | (38) |
|
|
89 | (2) |
|
|
89 | (1) |
|
|
90 | (1) |
|
Microsoft Visual Studio and WebMatrix |
|
|
91 | (1) |
|
|
91 | (1) |
|
|
91 | (1) |
|
|
91 | (33) |
|
|
92 | (22) |
|
|
114 | (2) |
|
|
116 | (8) |
|
|
124 | (3) |
|
|
125 | (1) |
|
|
125 | (1) |
|
|
125 | (1) |
|
|
126 | (1) |
|
5 Architecture and Design |
|
|
127 | (26) |
|
|
127 | (13) |
|
When to Get Out of the Browser |
|
|
127 | (3) |
|
|
130 | (1) |
|
|
131 | (1) |
|
|
132 | (2) |
|
|
134 | (5) |
|
|
139 | (1) |
|
|
140 | (1) |
|
Design and User Experience |
|
|
141 | (12) |
|
|
145 | (3) |
|
|
148 | (1) |
|
|
149 | (1) |
|
|
149 | (4) |
|
|
153 | (28) |
|
|
153 | (5) |
|
|
154 | (4) |
|
|
158 | (6) |
|
Politics of the Mobile Web |
|
|
159 | (1) |
|
|
160 | (4) |
|
XHTML Mobile Profile and Basic |
|
|
164 | (5) |
|
|
165 | (1) |
|
Official Noncompatible Features |
|
|
166 | (1) |
|
Creating Our First Compatible Template |
|
|
167 | (2) |
|
|
169 | (1) |
|
|
169 | (3) |
|
Creating Our First HTML5 Template |
|
|
170 | (1) |
|
|
171 | (1) |
|
|
172 | (1) |
|
|
172 | (5) |
|
|
172 | (4) |
|
|
176 | (1) |
|
HTML5 Compatibility Levels |
|
|
177 | (4) |
|
|
177 | (4) |
|
|
181 | (54) |
|
|
181 | (43) |
|
|
181 | (2) |
|
|
183 | (4) |
|
|
187 | (13) |
|
|
200 | (15) |
|
Changing the Navigation Method |
|
|
215 | (1) |
|
|
216 | (1) |
|
|
216 | (2) |
|
Hiding the URL Address Bar |
|
|
218 | (2) |
|
|
220 | (4) |
|
|
224 | (3) |
|
|
225 | (2) |
|
|
227 | (1) |
|
|
228 | (7) |
|
|
228 | (1) |
|
|
228 | (1) |
|
|
229 | (1) |
|
|
229 | (1) |
|
|
230 | (2) |
|
|
232 | (3) |
|
|
235 | (44) |
|
|
235 | (3) |
|
|
238 | (28) |
|
|
238 | (3) |
|
Radio Buttons and Checkboxes |
|
|
241 | (1) |
|
|
242 | (1) |
|
|
243 | (1) |
|
|
243 | (11) |
|
|
254 | (1) |
|
|
255 | (2) |
|
|
257 | (7) |
|
Noninteractive Form Elements |
|
|
264 | (2) |
|
|
266 | (4) |
|
|
266 | (1) |
|
|
267 | (1) |
|
|
267 | (1) |
|
|
268 | (1) |
|
Input Validation Attributes |
|
|
268 | (1) |
|
|
268 | (1) |
|
|
268 | (1) |
|
|
269 | (1) |
|
Additional Form Attributes |
|
|
270 | (1) |
|
|
270 | (9) |
|
|
271 | (4) |
|
|
275 | (4) |
|
9 Feature and Device Detection |
|
|
279 | (52) |
|
|
279 | (2) |
|
|
280 | (1) |
|
|
281 | (3) |
|
|
282 | (1) |
|
|
282 | (2) |
|
|
284 | (1) |
|
|
284 | (16) |
|
|
284 | (1) |
|
|
285 | (1) |
|
|
286 | (4) |
|
|
290 | (2) |
|
|
292 | (5) |
|
|
297 | (1) |
|
|
298 | (2) |
|
|
300 | (31) |
|
|
300 | (7) |
|
|
307 | (2) |
|
|
309 | (2) |
|
|
311 | (1) |
|
|
312 | (1) |
|
|
313 | (18) |
|
|
331 | (52) |
|
|
331 | (11) |
|
|
331 | (5) |
|
|
336 | (1) |
|
|
337 | (3) |
|
|
340 | (2) |
|
Dealing with Multiple Screen Densities |
|
|
342 | (23) |
|
Using Vector-Based Solutions |
|
|
343 | (1) |
|
Providing One Single Image |
|
|
344 | (2) |
|
Providing Image Alternatives |
|
|
346 | (4) |
|
|
350 | (7) |
|
|
357 | (8) |
|
|
365 | (3) |
|
|
368 | (11) |
|
|
368 | (2) |
|
|
370 | (1) |
|
|
370 | (6) |
|
|
376 | (2) |
|
|
378 | (1) |
|
|
378 | (1) |
|
|
379 | (4) |
|
|
380 | (1) |
|
|
380 | (1) |
|
|
381 | (2) |
|
11 CSS for Mobile Browsers |
|
|
383 | (68) |
|
|
383 | (1) |
|
|
384 | (8) |
|
|
385 | (7) |
|
|
392 | (1) |
|
|
393 | (11) |
|
|
393 | (2) |
|
|
395 | (9) |
|
|
404 | (18) |
|
|
404 | (4) |
|
|
408 | (1) |
|
|
409 | (4) |
|
|
413 | (1) |
|
|
413 | (1) |
|
|
414 | (1) |
|
|
415 | (1) |
|
|
416 | (1) |
|
|
416 | (1) |
|
|
417 | (3) |
|
|
420 | (1) |
|
|
421 | (1) |
|
|
421 | (1) |
|
|
422 | (5) |
|
Samples and Compatibility |
|
|
422 | (5) |
|
|
427 | (1) |
|
|
427 | (24) |
|
|
428 | (3) |
|
|
431 | (1) |
|
|
432 | (1) |
|
|
433 | (6) |
|
|
439 | (3) |
|
|
442 | (4) |
|
|
446 | (1) |
|
CSS Regions and Exclusions |
|
|
447 | (1) |
|
|
448 | (3) |
|
|
451 | (50) |
|
Coding for Mobile Browsers |
|
|
452 | (3) |
|
|
453 | (1) |
|
|
453 | (1) |
|
|
454 | (1) |
|
JavaScript Debugging and Profiling |
|
|
455 | (1) |
|
|
455 | (1) |
|
|
456 | (7) |
|
|
457 | (3) |
|
Background Tab Notification Trick |
|
|
460 | (1) |
|
Background Execution Compatibility |
|
|
461 | (1) |
|
|
462 | (1) |
|
|
463 | (4) |
|
The Document Object Model |
|
|
463 | (1) |
|
|
463 | (1) |
|
|
464 | (1) |
|
|
464 | (1) |
|
|
464 | (2) |
|
|
466 | (1) |
|
|
466 | (1) |
|
Standard JavaScript Behavior |
|
|
467 | (17) |
|
|
467 | (3) |
|
History and URL Management |
|
|
470 | (1) |
|
|
471 | (1) |
|
Focus and Scroll Management |
|
|
472 | (1) |
|
|
473 | (3) |
|
|
476 | (1) |
|
|
476 | (1) |
|
|
477 | (7) |
|
|
484 | (3) |
|
|
485 | (2) |
|
|
487 | (14) |
|
|
488 | (1) |
|
|
489 | (1) |
|
|
490 | (1) |
|
|
491 | (1) |
|
|
492 | (1) |
|
|
493 | (2) |
|
JavaScript Mobile UI Patterns |
|
|
495 | (6) |
|
13 Offline Apps, Storage, and Networks |
|
|
501 | (28) |
|
|
501 | (10) |
|
|
502 | (1) |
|
Accessing Online Resources |
|
|
503 | (1) |
|
|
504 | (1) |
|
|
505 | (1) |
|
|
506 | (2) |
|
|
508 | (3) |
|
|
511 | (11) |
|
|
511 | (3) |
|
|
514 | (4) |
|
|
518 | (2) |
|
|
520 | (1) |
|
|
521 | (1) |
|
|
521 | (1) |
|
|
522 | (7) |
|
|
522 | (3) |
|
|
525 | (2) |
|
|
527 | (2) |
|
|
529 | (24) |
|
|
529 | (5) |
|
|
529 | (1) |
|
|
529 | (1) |
|
|
530 | (2) |
|
|
532 | (1) |
|
|
533 | (1) |
|
|
534 | (7) |
|
|
534 | (5) |
|
Carrier Network Location APIs |
|
|
539 | (1) |
|
|
540 | (1) |
|
Maps/Navigation App Integration |
|
|
541 | (5) |
|
|
541 | (2) |
|
|
543 | (2) |
|
|
545 | (1) |
|
|
546 | (7) |
|
|
546 | (3) |
|
|
549 | (1) |
|
|
550 | (3) |
|
|
553 | (44) |
|
|
553 | (11) |
|
|
554 | (2) |
|
|
556 | (1) |
|
|
557 | (1) |
|
|
558 | (1) |
|
Adding a Contact to the Phonebook |
|
|
559 | (1) |
|
Integrating with Other Applications |
|
|
560 | (4) |
|
|
564 | (33) |
|
|
564 | (8) |
|
|
572 | (7) |
|
|
579 | (4) |
|
|
583 | (2) |
|
|
585 | (2) |
|
|
587 | (1) |
|
|
588 | (2) |
|
|
590 | (3) |
|
|
593 | (1) |
|
|
593 | (1) |
|
|
594 | (3) |
|
16 Native and Installed Web Apps |
|
|
597 | (58) |
|
|
598 | (1) |
|
Architecture of a Web App |
|
|
599 | (2) |
|
|
599 | (1) |
|
|
600 | (1) |
|
|
600 | (1) |
|
|
600 | (1) |
|
|
600 | (1) |
|
|
601 | (1) |
|
|
601 | (1) |
|
|
601 | (1) |
|
|
601 | (1) |
|
Packaging and Configuration Standards |
|
|
601 | (1) |
|
|
602 | (42) |
|
|
602 | (10) |
|
Symbian Standalone Web Apps |
|
|
612 | (1) |
|
|
613 | (6) |
|
|
619 | (5) |
|
|
624 | (1) |
|
|
624 | (1) |
|
BlackBerry Web Works Apps |
|
|
624 | (8) |
|
|
632 | (5) |
|
|
637 | (7) |
|
Apache Cordova/PhoneGap Apps |
|
|
644 | (6) |
|
|
646 | (1) |
|
|
646 | (1) |
|
|
647 | (3) |
|
|
650 | (1) |
|
|
650 | (2) |
|
|
650 | (1) |
|
|
651 | (1) |
|
|
651 | (1) |
|
|
651 | (1) |
|
Microsoft Windows Phone Store |
|
|
651 | (1) |
|
|
652 | (3) |
|
|
652 | (1) |
|
|
652 | (1) |
|
|
652 | (1) |
|
|
653 | (1) |
|
Dynamic Application Engine |
|
|
653 | (1) |
|
|
653 | (2) |
|
|
655 | (16) |
|
|
655 | (3) |
|
|
655 | (2) |
|
|
657 | (1) |
|
|
658 | (4) |
|
|
658 | (1) |
|
|
658 | (1) |
|
|
659 | (3) |
|
Application and Games Delivery |
|
|
662 | (5) |
|
|
663 | (2) |
|
|
665 | (1) |
|
|
666 | (1) |
|
|
667 | (4) |
|
18 Debugging and Performance |
|
|
671 | (24) |
|
|
671 | (15) |
|
|
671 | (5) |
|
|
676 | (2) |
|
|
678 | (8) |
|
|
686 | (9) |
|
|
686 | (3) |
|
|
689 | (6) |
|
19 Distribution and Social Web 2.0 |
|
|
695 | (14) |
|
|
695 | (3) |
|
Spiders and Discoverability |
|
|
696 | (1) |
|
|
696 | (2) |
|
|
698 | (3) |
|
|
698 | (1) |
|
|
699 | (1) |
|
|
699 | (1) |
|
|
699 | (2) |
|
|
701 | (1) |
|
|
701 | (3) |
|
|
702 | (1) |
|
|
702 | (1) |
|
|
702 | (1) |
|
|
703 | (1) |
|
|
704 | (1) |
|
Google Analytics for Mobile |
|
|
704 | (1) |
|
|
705 | (1) |
|
|
705 | (1) |
|
|
705 | (1) |
|
|
705 | (1) |
|
Mobile Web Social Features |
|
|
706 | (3) |
|
Authentication and Sharing APIs |
|
|
706 | (1) |
|
|
707 | (2) |
A MIME Types for Mobile Content |
|
709 | (4) |
Index |
|
713 | |