Home Page......Page 1
Contents at a Glance......Page 6
Contents......Page 7
About the Authors......Page 12
About the Technical Reviewers......Page 13
Acknowledgments......Page 14
Introduction......Page 15
Part 1: Getting Started with Mobile Web Development......Page 17
Introduction to Mobile Web Development......Page 19
Mobile Web vs. Desktop Web......Page 20
Mobile Markup Languages......Page 22
XHTML Mobile Profile......Page 23
WML......Page 24
HDML......Page 25
Mobile Scripting Languages......Page 26
Mobile Industry Groups and Standards Bodies......Page 27
The Mobile Ecosystem......Page 28
Summary......Page 29
Set Up Your Mobile Web Development Environment......Page 31
Recommended IDEs......Page 32
Mobile MIME Types......Page 35
Microsoft IIS......Page 37
Mobile Web Browsers on the Desktop......Page 38
Firefox and Mobile Add-Ons......Page 39
XHTML Mobile Profile......Page 40
User Agent Switcher......Page 41
Modify Headers......Page 43
Live HTTP Headers......Page 45
Small Screen Renderer......Page 47
Firebug......Page 49
Mobile Browser Emulators......Page 50
File Comparison......Page 55
Source Code Control......Page 56
Summary......Page 59
Part 2: The Syntax of the Mobile Web......Page 61
Selecting a Mobile Markup Language......Page 63
XHTML......Page 64
HTML 5......Page 65
Example XHTML-MP Document......Page 67
XHTML Elements Not Supported in XHTML-MP......Page 68
URI Schemes......Page 69
Forms......Page 70
Tables......Page 72
Links and Access Keys......Page 73
Common Implementation Bugs......Page 75
XHTML-MP 1.1......Page 76
CSS for Mobile Devices......Page 77
Wireless CSS and CSS Mobile Profile......Page 78
Best Practices for Mobile CSS......Page 84
External, Internal, and Inline Stylesheets......Page 85
Media Selectors and Media-Dependent Style Sheets......Page 86
WML......Page 87
Special Characters......Page 90
Header and Metadata......Page 91
Text Formatting......Page 92
Links......Page 94
Tag......Page 95
Tag......Page 97
Images......Page 99
Tables......Page 100
Timers......Page 102
Variables......Page 103
User Input......Page 106
Other WML Language Features......Page 111
Summary......Page 112
Device Awareness and Content Adaptation......Page 113
Using HTTP Request Headers to Identify Mobile Devices......Page 114
Using a Device Database to Obtain Device Capabilities......Page 115
WURFL Device Database......Page 116
DeviceAtlas Device Database......Page 127
Content Adaptation......Page 136
Creating Device Groups......Page 138
Choosing Adaptation Points......Page 140
Writing Content Adaptation Rules for Device Groups......Page 141
Implementing Content Adaptation......Page 142
Content Adaptation on the Mobile Web......Page 145
Summary......Page 150
Adding Interactivity with JavaScript and AJAX......Page 151
JavaScript in Mobile Browsers......Page 152
ECMAScript Mobile Profile......Page 153
Embedding JavaScript in a Markup Document......Page 154
Supported JavaScript Events in XHTML-MP 1.1......Page 155
JavaScript Fragmentation in Mobile Browsers......Page 158
Examples of Mobile JavaScript......Page 160
AJAX in Mobile Browsers......Page 164
Example of AJAX for Mobile Browsers......Page 170
Testing AJAX Support in Mobile Browsers......Page 174
Summary......Page 175
Part 3: Advanced Mobile Web Development Techniques......Page 177
Mobile Web Usability......Page 179
Best Practices for Usable Mobile Web Sites......Page 180
Features of the Bank of America Mobile Web Site......Page 181
Case Study #2: CNN......Page 182
Features of CNN Mobile Web Site......Page 183
Case Study #3: Wikipedia......Page 184
Features of Wikipedia Mobile Web site......Page 185
Case Study #4: Flickr......Page 186
Features of Flickr Mobile Web site......Page 187
Mobile Browser Layout Comparison......Page 188
Flexible Reference Design......Page 190
Standard Layout......Page 191
News Web Site......Page 192
Search Web site......Page 193
Service Web Site......Page 194
Portal Web Site......Page 195
Media-Sharing Web Site......Page 196
Tips for Developing Mobile Web Pages......Page 197
Creating a Web Page for the Maximum Number of Users......Page 199
Creating a Better Mobile User Experience......Page 200
Summary......Page 202
Enhancing Mobile Web Pages for Smartphone Browsers......Page 203
Viewport Meta Tag......Page 204
Detecting Orientation Changes in JavaScript......Page 206
WebKit in Mobile Browsers......Page 211
Safari Mobile for iPhone......Page 215
Browser for Android Mobile Devices......Page 216
webOS Browser for Palm Pre......Page 217
BlackBerry Browser......Page 218
Nokia Web Browser on Series 60 Smartphones......Page 220
Internet Explorer Mobile for Windows Mobile......Page 222
Opera Mini and Opera Mobile Browsers......Page 223
Summary......Page 226
Part 4: Deploying into the Mobile Ecosystem......Page 227
Optimizing Mobile Markup......Page 229
Minimize External Resources......Page 230
Remove Whitespace, Comments and Unnecessary Markup......Page 232
Adapt and Transcode Images......Page 239
MIME Multipart Encoding of a Response Document......Page 240
gzip or deflate Response Compression......Page 245
Apache Web Server Configuration......Page 246
Microsoft IIS Web Server Configuration......Page 247
The Last-Modified HTTP Header......Page 248
The Cache-Control HTTP Header......Page 249
The Vary HTTP Header......Page 251
Examples of Caching Directives in HTTP Response Headers......Page 252
Summary......Page 254
Validating Mobile Markup......Page 255
Importance of Valid Markup on the Mobile Web......Page 256
What Validation Does Not Test......Page 260
Public Markup Validators......Page 261
W3C Markup Validation Service......Page 262
W3C CSS Validation Service......Page 264
W3C mobileOK Checker......Page 266
mobiReady......Page 268
Validome......Page 270
Summary......Page 273
Testing a Mobile Web Site......Page 275
Mobile Web Testing Methodology......Page 276
Choosing Mobile Devices to Use in Testing......Page 278
Testing on Actual Mobile Devices......Page 279
Acquiring Mobile Devices......Page 280
Developer Programs......Page 281
Testing in Mobile Emulators......Page 284
Testing in Desktop Browsers......Page 285
Summary......Page 288
Routing Mobile Traffic to a Mobile Web Site......Page 289
Standard Mobile Web Domain and Pathnames......Page 290
Mobile Switching Algorithms......Page 292
Mobile Switching Products......Page 295
Mobile Search Engines and Crawlers......Page 296
Using Link Relationships for Mobile Site Discovery......Page 298
Mobile Sitemaps......Page 299
SEO for the Mobile Web......Page 300
SEO Practices to Forget......Page 301
Summary......Page 303
Operators, Transcoders, and Proxies, Oh My!......Page 305
Transcoders on the Public Internet......Page 308
Standardizing Transcoder Behavior......Page 311
Using a Self-Referencing Link Relationship......Page 313
Identifying Requests from Transcoders......Page 314
Summary......Page 318
The Future of the Mobile Web......Page 319
Mobile Web Experts on the Future of Mobility......Page 320
Summary......Page 329
Part 5: Appendixes......Page 331
Nokia 5310b XpressMusic......Page 333
Android G1 Developer Edition......Page 334
How to Capture the User-Agent for a Mobile Device......Page 335
LG VX-9100......Page 337
Motorola Droid......Page 338
Apple iPhone......Page 339
How to Capture Headers from a Mobile Device......Page 340
Glossary......Page 341
Case Study: Testing Mobile Browser Caching and Performance......Page 349
¦ A......Page 353
¦C......Page 354
¦ D......Page 355
¦ F......Page 356
¦ H......Page 357
¦ J......Page 358
¦ M......Page 359
¦ O......Page 360
¦ P......Page 361
¦ R......Page 362
¦ U......Page 363
¦ W......Page 364
¦......Page 365
