Developers, here's what you need to migrate your skills to mobileIf you're a devoted reader of Smashing Magazine, you know that all development roads now lead to mobile, so desktop-browser-based web developers need to get up to speed and soon. Start migrating your abilities to mobile with this terrific book. It first helps you make the switch to HTML5 and CSS3, before teaching you how to apply those skills to build websites that work across all mobile devices and mobile browsers.
Topics include using wireframes and templates, understanding frameworks such as jQuery Mobile, getting up to speed on newer technologies such as Boilerplate, and more.
- Essential guide for web developers who want to build websites that work across all mobile devices and mobile browsers
- Explains the essential tools you'll need for web mobile, including HTML5, CSS3, and JQuery Mobile
- Brings you up to speed on newer tools such as Boilerplate
- Keeps your professional skills up to date with today's technology trends
By the time you finish Smashing Mobile Web Development, you'll have built your own mobile website that incorporates geolocation, social media, and more.
SMASHING WEB DEVELOPMENT: GOING MOBILE WITH HTML5, CSS3 AND JAVASCRIPT......Page 1
ABOUT THE AUTHORS......Page 11
CONTENTS......Page 13
INTRODUCTION......Page 19
PART III: DEVELOPMENT......Page 20
START BUILDING MOBILE WEB APPLICATIONS......Page 21
PART I: INTRODUCTION TO HTML5/JS/CSS......Page 23
CHAPTER 1: INTRODUCTION TO MOBILE WEB DEVELOPMENT......Page 25
MOBILE WEB EXAMPLES......Page 26
UNDERSTANDING NATIVE VERSUS WEB PLATFORMS......Page 27
DEVICES AND OPERATING SYSTEMS......Page 30
DESIGN AESTHETICS......Page 31
SUMMARY......Page 36
CHAPTER 2: OVERVIEW OF MOBILE TECHNOLOGIES......Page 37
HTML......Page 38
CSS3......Page 46
JAVASCRIPT......Page 52
UI FRAMEWORKS/UTILITES......Page 53
SUMMARY......Page 56
PART II: APPLICATION SETUP AND INFRASTRUCTURE......Page 57
CHAPTER 3: DEVELOPMENT AND PRODUCTION SETUP......Page 59
DEVELOPMENT SETUP......Page 60
SETTING UP THE PRODUCTION ENVIRONMENT......Page 75
SUMMARY......Page 77
CHAPTER 4: CREATING THE PROTOTYPE......Page 79
USING HTML5 TO AID IN STRUCTURE AND DESIGN......Page 80
MOCKING UP YOUR PAGES......Page 82
SUMMARY......Page 94
CHAPTER 5: MOBILE WEB STRUCTURE......Page 95
ELEMENTS TO BUILD......Page 96
SUMMARY......Page 117
CHAPTER 6: CREATING A MOBILE WEB DATABASE......Page 119
ELEMENTS TO BUILD......Page 120
SUMMARY......Page 130
PART III: DEVELOPMENT......Page 131
CHAPTER 7: INTERACTING WITH WEB SQL......Page 133
ELEMENTS TO BUILD......Page 134
SUMMARY......Page 152
CHAPTER 8: GEOLOCATION AND AJAX......Page 153
ELEMENTS TO BUILD......Page 154
SUMMARY......Page 170
CHAPTER 9: RUNNING QUERIES AND CONNECTING WITH SOCIAL MEDIA......Page 171
CREATING THE ACTIVITY TAB......Page 172
CREATING THE WINE DETAIL PAGE......Page 180
CONNECTING TO EXTERNAL SITES......Page 185
SUMMARY......Page 197
CHAPTER 10: LOCATION STORAGE AND SEARCH......Page 199
ELEMENTS TO BUILD......Page 200
SUMMARY......Page 213
PART IV: PERFORMANCE AND PRODUCTION......Page 215
CHAPTER 11: TESTING AND ORGANIZING YOUR CODE......Page 217
ORGANIZING YOUR JAVASCRIPT FILES......Page 218
LOADING YOUR JAVASCRIPT FILES......Page 222
MOBILE TESTING TECHNIQUES......Page 225
SUMMARY......Page 227
CHAPTER 12: PREPARING FOR LAUNCH......Page 229
DEBUGGING TIPS......Page 230
PERFORMANCE TIPS......Page 239
SUMMARY......Page 251
APPENDIX A: HTML5, CSS3, AND JAVASCRIPT CONCEPTS......Page 253
HTML5......Page 254
CSS3......Page 263
JAVASCRIPT......Page 283
SUMMARY......Page 295
INDEX......Page 297
