Professional mobile Web development with WordPress, Joomla!, and Drupal "Wrox Programmer to programmer"--Cover. - Includes index and glossary

**How to develop powerful mobile Web sites using popular content management systems (CMS)**Mobile is the hottest thing going—and developing content for mobile devices and browsers is even hotter than __that__. This book is your guide to it all—how to design, build, and deploy sites, blogs and services that will work brilliantly for mobile users. You’ll learn about the state-of-the-art of mobile web development, the tools available to use, and the best practices for creating compelling mobile user interfaces. Then, using the most popular content management systems, WordPress, Joomla!, and Drupal, you’ll learn how to building world-class mobile web sites from existing platforms and content.. The book walks you through each platform, including how to use third-party plug-ins and themes, explains the strategies for writing your own logic, how to switch between mobile and desktop, and much more. * Provides a technical review of the mobile landscape and acquaints you with a range of mobile devices and networks * Covers topics common to all platforms, including site topologies, switching between mobile and desktop, common user interface patterns, and more * Walks you through each content management platform—WordPress, Joomla!, and Drupal—first focusing on standard plug-ins and themes and then exploring advanced techniques for writing your own themes or logic * Explains the best practices for testing, deploying, and integrating a mobile web site * Also explores analytics, m-commerce, and SEO techniques for mobile Get ahead of the the mobile web development curve with this professional and in-depth reference guide! Introduction 27 Part I: The World of the Mobile Web 35 Chapter 1: Introducing the Mobile Web 37 The Inevitability of a Mobile Web 38 A Brief History of the Mobile Web 39 Early Technologies 39 i-mode in Japan 40 Wireless Access Protocol 40 Dawn of the Modern Mobile Web 41 A New Medium 43 Revisiting Assumptions 44 Mobile Web Considerations 46 Recognizing Mobile Users 46 Thematic Consistency 47 Brand Consistency 47 A Dedication to Usability 47 Remember Mobile 48 Summary 48 Chapter 2: A Technical Overview of the Mobile Web 49 The Technical Challenges of Mobile Devices 50 Physical Constraints 50 Device Diversity 53 Browser Characteristics 55 Speed and Power 57 The Mobile Network 59 Data Networks 59 Throughput and Latency 60 An Introduction to Transcoding 61 Firewalls and Security 63 Other Mobile Technologies 64 Apps and App Stores 64 Mobile Widgets 67 Messaging and Short Codes 68 Bar Codes 69 Geolocation and Augmented Reality 70 Summary 72 Chapter 3: Keeping Abreast of Developments 73 How Devices Are Changing 74 Physical Characteristics 74 Network Technology 78 Operating Systems 78 Web and Mobile Web Evolution 80 Markup 80 Styling 81 Scripting 83 Embedded Media 83 Client APIs 84 Where to Go for Help 86 Standards Bodies 86 Vendor Communities 87 Operator Programs 88 Independent Resources 88 Summary 89 Chapter 4: Major Mobile Web Browsers 91 The WebKit Browsers 91 Mobile Safari 92 Android 97 Nokia Implementations 98 Other Implementations 100 Mobile Internet Explorer 100 Opera Mobile and Mini 101 Other Browsers 102 Summary 103 Chapter 5: The Mobile Toolbox 105 Working with Your Existing Website 106 Simple Static Techniques 106 Taking Managed Content Mobile 108 Crafting New Mobile Experiences 113 Building Afresh for Mobile 114 Mobile Users as First-Class Citizens 114 Sharing Existing Data 116 Server Technologies 117 Web Servers and Mobile 118 Languages and Frameworks 118 Development Tools 120 IDEs and Code Editors 120 Mobile SDKs and Emulators 122 Testing Tools 124 Summary 127 Part II: General Mobile Techniques 129 Chapter 6: The Anatomy of a Mobile Site 131 Site Structure and Concepts 131 Information Architecture 132 Entry Points and URLs 137 Navigation and Menu Systems 141 Navigational Lists 141 Decorating Menus 143 Breadcrumbs 144 Header and Footer Navigation 145 Paving Mobile Pathways 146 Switcher Links 147 Primary Site Content 148 Text and Typography 148 Pagination 150 Embedding Images and Media 151 Forms 154 Invoking Other Device Capabilities 156 Styling with CSS 157 CSS Considerations for Mobile 158 Optimizing CSS 158 The State of JavaScript 160 Summary 161 Chapter 7: Switching Between Mobile and Desktop Browsers 163 Browser Detection 163 Looking at Headers 164 User-Agents and Transcoders 168 A Simple Detection Algorithm 172 Using Device Database Recognition 173 Detection on the Client Side 176 Theme and Site Switching 178 Theme Selection 184 Remembering User Choice 185 Using Mobile Domains 186 Summary 187 Chapter 8: CMS UI Patterns for Mobile 189 Registration and Login 189 Form Design 190 Field Validation 193 Tuning the Mobile Experience 195 Login Refinements 196 Content Lists 197 Access Keys and Pagination 199 Decoration 202 Fold-ups 205 Search Results 208 Galleries 209 User Contribution 211 Summary 213 Chapter 9: Designing for Mobile Devices 215 Common Philosophies 216 Preserving the Brand 216 Reusing Native Design Patterns 219 Mobile First 220 Mobile Interface Design 221 Client-Based Mobile Design 224 Introducing Media Queries 224 Responsive Design 227 Scaling Images 234 Server-Based Mobile Design 235 Embracing Diversity 235 Designing for Device Groups 236 Combining Approaches 239 Summary 242 Chapter 10: Mobile Templates and Libraries 243 iWebKit 244 Nokia Web Templates 246 jQTouch 247 jQuery Mobile 249 Sencha Touch 251 Summary 255 Part III: Major CMS Platforms 257 Chapter 11: Basic Wordpress Mobilization 259 An Introduction to WordPress 259 Posts, Pages, and Comments 260 Media and Links 261 Themes and Widgets 262 Plug-ins 262 dotMobi WordPress Mobile Pack 263 Installation 263 Configuration 267 Configuring and Extending the Theme 273 Mobile Administration 277 WPtouch 278 Installation 278 WPtouch Theme 279 Configuration 280 WordPress Mobile Edition 283 MobilePress 285 WordPress Mobile App 286 Summary 288 Chapter 12: Advanced Wordpress Mobilization 289 Developing Your Own Mobile Theme 289 Headers and Footers 291 Post Lists 296 Post and Page Detail 300 Comments 302 Menu and Navigation 306 Using WordPress Hooks and Filters 308 Theme Selection 309 Content Rewriting 313 Pagination 315 Image Adaptation 317 Summary 320 Chapter 13: Basic Drupal Mobilization 321 An Introduction to Drupal 321 Nodes and Content Types 322 Modules 322 Blocks 323 Themes 323 Taxonomy 323 The Drupal Mobile Plugin Module 324 Installation 324 Configuration 327 Reviewing the Experience 333 Mobile Tools 336 Installation and Configuration 336 Controlling Redirects 339 Mobile Roles 341 Mobile Theme 343 Using Nokia Mobile Themes 344 Other Themes 347 Summary 348 Chapter 14: Advanced Drupal Mobilization 349 Developing Your Own Mobile Theme 350 Headers and Footers 354 Nodes and Lists 357 Menu and Navigation 364 Blocks 365 Comments 369 Creating a Drupal Module 374 Theme Selection 375 Content Rewriting 377 Working with Other Modules 381 CCK 381 Views 384 Summary 388 Chapter 15: Basic Joomla! Mobilization 391 An Introduction to Joomla! 391 Articles 391 Sections and Categories 392 Menus 392 Extensions 392 WAFL 393 Auto Template Switcher 397 Mobilebot 399 Mobile Joomla! 401 TapTheme 407 Summary 410 Chapter 16: Advanced Joomla! Mobilization 411 Developing a Mobile Template 411 Sections and Categories 415 Articles 423 Front Page 425 Modules and Menus 426 Creating a Joomla! Plugin 428 Theme Selection 430 Content Rewriting 432 Summary 435 Part IV: Enhancing and Launching Your Site 437 Chapter 17: Javascript Frameworks 439 jQuery Mobile 440 Posts List 444 Post and Page Detail 445 Sencha Touch 447 Application Structure 447 Modeling the CMS Data Store 449 User Interface 451 Displaying Posts 454 Summary 457 Chapter 18: Testing and Debugging Mobile Sites 459 Using Desktop Clients 460 Mozilla Firefox 460 Desktop WebKit Browsers 464 Mobile Emulators 465 iPhone and iPad 466 Android 468 BlackBerry 470 Nokia Series 40 and Symbian^3 472 Palm webOS 473 Opera Mobile 474 Windows Mobile 476 Online Test Labs 478 DeviceAnywhere 478 Perfecto Mobile 479 Forum Nokia Remote Access 480 mobiReady 481 W3C Validators 483 Testing With Real Handsets 485 Summary 485 Chapter 19: Final Touches 487 Defending Your Site 487 Whitelisting 488 Avoiding Transcoding with Headers and Markup 488 Understanding Mobile Traffic 490 Log Files 490 Mobile Analytics 493 Mobile Search 499 Monetization 503 Mobile Ad Networks 503 Mobile Commerce 507 Summary 508 Part V: References 511 Appendix A: Further Reading 513 Appendix B: Useful Sites 519 Glossary 525 Index 531 Machine generated contents note: -- pt. I THE WORLD OF THE MOBILE WEB -- -- ch. 1 Introducing The Mobile Web -- The Inevitability of a Mobile Web -- A Brief History of the Mobile Web -- Early Technologies -- i-mode in Japan -- Wireless Access Protocol -- Dawn of the Modern Mobile Web -- A New Medium -- Revisiting Assumptions -- Mobile Web Considerations -- Recognizing Mobile Users -- Thematic Consistency -- Brand Consistency -- A Dedication to Usability -- Remember Mobile -- Summary -- -- ch. 2 A Technical Overview Of The Mobile Web -- The Technical Challenges of Mobile Devices -- Physical Constraints -- Device Diversity -- Browser Characteristics -- Speed and Power -- The Mobile Network -- Data Networks -- Throughput and Latency -- An Introduction to Transcoding -- Firewalls and Security -- Other Mobile Technologies -- Apps and App Stores -- Mobile Widgets -- Messaging and Short Codes -- Bar Codes -- Geolocation and Augmented Reality -- Summary Ch. 3 Keeping Abreast Of Developments -- How Devices Are Changing -- Physical Characteristics -- Network Technology -- Operating Systems -- Web and Mobile Web Evolution -- Markup -- Styling -- Scripting -- Embedded Media -- Client APIs -- Where to Go for Help -- Standards Bodies -- Vendor Communities -- Operator Programs -- Independent Resources -- Summary -- -- ch. 4 Major Mobile Web Browsers -- The WebKit Browsers -- Mobile Safari -- Android -- Nokia Implementations -- Other Implementations -- Mobile Internet Explorer -- Opera Mobile and Mini -- Other Browsers -- Summary -- -- ch. 5 The Mobile Toolbox -- Working with Your Existing Website -- Simple Static Techniques -- Taking Managed Content Mobile -- Crafting New Mobile Experiences -- Building Afresh for Mobile -- Mobile Users as First-Class Citizens -- Sharing Existing Data -- Server Technologies -- Web Servers and Mobile -- Languages and Frameworks -- Development Tools -- IDEs and Code Editors -- Mobile SDKs and Emulators -- Testing Tools -- Summary Pt. II GENERAL MOBILE TECHNIQUES -- -- ch. 6 The Anatomy Of A Mobile Site -- Site Structure and Concepts -- Information Architecture -- Entry Points and URLs -- Navigation and Menu Systems -- Navigational Lists -- Decorating Menus -- Breadcrumbs -- Header and Footer Navigation -- Paving Mobile Pathways -- Switcher Links -- Primary Site Content -- Text and Typography -- Pagination -- Embedding Images and Media -- Forms -- Invoking Other Device Capabilities -- Styling with CSS -- CSS Considerations for Mobile -- Optimizing CSS -- The State of JavaScript -- Summary -- -- ch. 7 Switching Between Mobile And Desktop Browsers -- Browser Detection -- Looking at Headers -- User-Agents and Transcoders -- A Simple Detection Algorithm -- Using Device Database Recognition -- Detection on the Client Side -- Theme and Site Switching -- Theme Selection -- Remembering User Choice -- Using Mobile Domains -- Summary Ch. 8 Cms Ui Patterns For Mobile -- Registration and Login -- Form Design -- Field Validation -- Tuning the Mobile Experience -- Login Refinements -- Content Lists -- Access Keys and Pagination -- Decoration -- Fold-ups -- Search Results -- Galleries -- User Contribution -- Summary -- -- ch. 9 Designing For Mobile Devices -- Common Philosophies -- Preserving the Brand -- Reusing Native Design Patterns -- Mobile First -- Mobile Interface Design -- Client-Based Mobile Design -- Introducing Media Queries -- Responsive Design -- Scaling Images -- Server-Based Mobile Design -- Embracing Diversity -- Designing for Device Groups -- Combining Approaches -- Summary -- -- ch. 10 Mobile Templates And Libraries -- iWebKit -- Nokia Web Templates -- jQTouch -- jQuery Mobile -- Sencha Touch -- Summary -- -- pt. III MAJOR CMS PLATFORMS -- -- ch. 11 Basic Wordpress Mobilization -- An Introduction to WordPress Posts, Pages, and Comments -- Media and Links -- Themes and Widgets -- Plug-ins -- dotMobi WordPress Mobile Pack -- Installation -- Configuration -- Configuring and Extending the Theme -- Mobile Administration -- WPtouch -- Installation -- WPtouch Theme -- Configuration -- WordPress Mobile Edition -- MobilePress -- WordPress Mobile App -- Summary -- -- ch. 12 Advanced Wordpress Mobilization -- Developing Your Own Mobile Theme -- Headers and Footers -- Post Lists -- Post and Page Detail -- Comments -- Menu and Navigation -- Using WordPress Hooks and Filters -- Theme Selection -- Content Rewriting -- Pagination -- Image Adaptation -- Summary -- -- ch. 13 Basic Drupal Mobilization -- An Introduction to Drupal -- Nodes and Content Types -- Modules -- Blocks -- Themes -- Taxonomy -- The Drupal Mobile Plugin Module -- Installation -- Configuration -- Reviewing the Experience -- Mobile Tools -- Installation and Configuration -- Controlling Redirects -- Mobile Roles -- Mobile Theme -- Using Nokia Mobile Themes -- Other Themes -- Summary Ch. 14 Advanced Drupal Mobilization -- Developing Your Own Mobile Theme -- Headers and Footers -- Nodes and Lists -- Menu and Navigation -- Blocks -- Comments -- Creating a Drupal Module -- Theme Selection -- Content Rewriting -- Working with Other Modules -- CCK -- Views -- Summary -- -- ch. 15 Basic Joomla! Mobilization -- An Introduction to Joomla! -- Articles -- Sections and Categories -- Menus -- Extensions -- WAFL -- Auto Template Switcher -- Mobilebot -- Mobile Joomla! -- TapTheme -- Summary -- -- ch. 16 Advanced Joomla! Mobilization -- Developing a Mobile Template -- Sections and Categories -- Articles -- Front Page -- Modules and Menus -- Creating a Joomla! Plugin -- Theme Selection -- Content Rewriting -- Summary -- -- pt. IV ENHANCING AND LAUNCHING YOUR SITE -- -- ch. 17 Javascript Frameworks -- jQuery Mobile -- Posts List -- Post and Page Detail -- Sencha Touch -- Application Structure -- Modeling the CMS Data Store -- User Interface -- Displaying Posts -- Summary Ch. 18 Testing And Debugging Mobile Sites -- Using Desktop Clients -- Mozilla Firefox -- Desktop WebKit Browsers -- Mobile Emulators -- iPhone and iPad -- Android -- BlackBerry -- Nokia Series 40 and Symbian^3 -- Palm webOS -- Opera Mobile -- Windows Mobile -- Online Test Labs -- DeviceAnywhere -- Perfecto Mobile -- Forum Nokia Remote Access -- mobiReady -- W3C Validators -- Testing With Real Handsets -- Summary -- -- ch. 19 Final Touches -- Defending Your Site -- Whitelisting -- Avoiding Transcoding with Headers and Markup -- Understanding Mobile Traffic -- Log Files -- Mobile Analytics -- Mobile Search -- Monetization -- Mobile Ad Networks -- Mobile Commerce -- Summary -- -- pt. V REFERENCES. How to develop powerful mobile Web sites using popular content management systems (CMS) Mobile is the hottest thing going—and developing content for mobile devices and browsers is even hotter than that . This book is your guide to it all—how to design, build, and deploy sites, blogs and services that will work brilliantly for mobile users. You'll learn about the state-of-the-art of mobile web development, the tools available to use, and the best practices for creating compelling mobile user interfaces. Then, using the most popular content management systems, WordPress, Joomla!, and Drupal, you'll learn how to building world-class mobile web sites from existing platforms and content.. The book walks you through each platform, including how to use third-party plug-ins and themes, explains the strategies for writing your own logic, how to switch between mobile and desktop, and much more. Provides a technical review of the mobile landscape and acquaints you with a range of mobile devices and networks Covers topics common to all platforms, including site topologies, switching between mobile and desktop, common user interface patterns, and more Walks you through each content management platform—WordPress, Joomla!, and Drupal—first focusing on standard plug-ins and themes and then exploring advanced techniques for writing your own themes or logic Explains the best practices for testing, deploying, and integrating a mobile web site Also explores analytics, m-commerce, and SEO techniques for mobile Get ahead of the the mobile web development curve with this professional and in-depth reference guide!