Gift Guide

Smashing Mobile Web Development [NOOK Book]



By the time you finish this book, you’ll possess all the knowledge and skills you need to create sophisticated mobile websites incorporating the features your users want, including geolocation, social media, and much more.

You start out with a quick tutorial on mobile web development with HTML5 and CSS3. Then step-by-step, veteran mobile web developers Greg Avola and Jon ...

See more details below
Smashing Mobile Web Development

Available on NOOK devices and apps  
  • NOOK Devices
  • Samsung Galaxy Tab 4 NOOK 7.0
  • Samsung Galaxy Tab 4 NOOK 10.1
  • NOOK HD Tablet
  • NOOK HD+ Tablet
  • NOOK eReaders
  • NOOK Color
  • NOOK Tablet
  • Tablet/Phone
  • NOOK for Windows 8 Tablet
  • NOOK for iOS
  • NOOK for Android
  • NOOK Kids for iPad
  • PC/Mac
  • NOOK for Windows 8
  • NOOK for PC
  • NOOK for Mac
  • NOOK for Web

Want a NOOK? Explore Now

NOOK Book (eBook)
$25.99 price
(Save 42%)$44.99 List Price
Note: This NOOK Book can be purchased in bulk. Please email us for more information.



By the time you finish this book, you’ll possess all the knowledge and skills you need to create sophisticated mobile websites incorporating the features your users want, including geolocation, social media, and much more.

You start out with a quick tutorial on mobile web development with HTML5 and CSS3. Then step-by-step, veteran mobile web developers Greg Avola and Jon Raasch show you how to apply your development skills to building sites that work across a variety of mobile platforms and browsers. Packed with superb, full-color illustrations, Smashing Mobile Web Development:

  • Gives you the essential tools you need to develop for mobile
  • Gets you up to speed on HTML5 and CSS3 for mobile development
  • Teaches how to use frameworks such as JQUERY MOBILE, ZEPTO, and more
  • Shows how to build and manage databases with SQLITE
  • Demonstrates how to run tests using IOS, Android, and Chrome/Firefox simulators
  • Helps you prepare your mobile website for launch
  • Enables you to keep your professional skills up to date with the latest technology trends

All web development roads lead to mobile. Don’t get left behind – read Smashing Mobile Web Development and learn everything you need to know to add web mobile to your development skills set.

Read More Show Less

Product Details

  • ISBN-13: 9781118348130
  • Publisher: Wiley
  • Publication date: 11/5/2012
  • Series: Smashing Magazine Book Series
  • Sold by: Barnes & Noble
  • Format: eBook
  • Edition number: 1
  • Pages: 320
  • File size: 7 MB

Table of Contents


Chapter 1: Introduction to Mobile Web Development 7

Mobile Web Examples 8

Understanding Native Versus Web Platforms 9

Pros and Cons of Native Versus Web Platforms 9

Web-to-Native Solutions 11

Devices and Operating Systems 12

Design Aesthetics 13

Dialog Boxes 14

iOS Design Patterns 14

Android Design Patterns 14

Viewports 14

Orientations 16

Fonts 16

Summary 18

Chapter 2: Overview of Mobile Technologies 19


Key HTML5 Features 20

CSS3 28

Key CSS3 Features 29

Javascript 34

jQuery 34

XUI 34

Zepto 35

jQTouch 35

UI Frameworks/Utilities 35

Sencha Touch 35

jQuery Mobile 35

Modernizr 36

iScroll 36

Mustache/JavaScript Templates 37

Summary 38


Chapter 3: Development and Production Setup 41

Development Setup 42

Implementing Local Hosting 43

Setting Up MAMP (For Mac OS X) 43

XAMPP for Windows 45

Using IDEs to Write Your Web App 48

Testing Your Code 51

Setting Up the Production Environment 57

Hosting 57

Infrastructure Setup 58

Managing Bandwidth 59

Summary 59

Chapter 4: Creating the Prototype 61

Using HTML5 to Aid in Structure and Design 62

Using the HTML5 Mobile Boilerplate 62

Application Design 63

Mocking Up Your Pages 64

Settings/About 65

Defi ning Hash Navigation 73

Pushstate Navigation 75

Summary 76

Chapter 5: Mobile Web Structure 77

Elements to Build 78

Centering Your Content with Viewports 78

Using Full App Mode (iOS Only) 79

Adding Header and Navigation Elements 87

Adding Hash Change Events 89

Transitions 90

Letting Users Scroll Th rough App Pages 92

Allowing Your Application to Adapt to

Orientation Changes 95

Summary 99

Chapter 6: Creating a Mobile Web Database 101

Elements to Build 102

Databases in HTML5 102

Summary 112


Chapter 7: Interacting with Web SQL 115

Elements to Build 116

Creating the Database and Its Tables 116

Adding Values to the Color Table 118

Building the Manage Wine Page 119

Summary 134

Chapter 8: Geolocation and AJAX 135

Elements to Build 136

Creating the Find Tab 136

Creating the Callback 139

Handling Location with Google Maps 140

Using the Foursquare API to Find Venues 143

Creating the Info Window 147

Building the Refresh Button 150

Summary 152

Chapter 9: Running Queries and Connecting with Social Media 153

Elements to Build 154

Creating the Activity Tab 154

Writing the Query 154

Working with Templates 156

Using Templates to Build the Activity Feed 158

Running Your Script and Displaying

the Results Correctly 161

Creating the Wine Detail Page 162

Creating the Wine Detail Page Structure 162

Building the Wine Detail Page Logic 163

Showing Detail on the Page 166

Connecting to External Sites 167

Building the Template 167

Creating the List View 170

Building the Template for Your Tweets 172

Defi ning a Custom Function for Relative Timestamps 174

Tweaking the Timestamp 175

Changing the Tweet in the List View 177

Sharing on Twitter and Facebook 178

Summary 179

Chapter 10: Location Storage and Search 181

Elements to Build 182

Creating the Mystorage Function 182

Caching Geolocation and Venues 184

Caching Tweets 188

Saving Details in the Settings Tab 189

Searching Your History 191

Summary 195


Chapter 11: Testing and Organizing Your code 199

Organizing Your JavaScript Files 200

Setting Up Global.js 201

Creating Database.js 202

Creating Util.js 202

Creating Social.js 203

Creating Geo.js 203

Creating Helper.js 203

Putting It All Together 204

Loading Your JavaScript Files 204

Head.js 205

Manifest Cache 205

Decrease Your Javascript Footprint 206

Mobile Testing Techniques 207

Testing For Corks 207

Summary 209

Chapter 12: Preparing for Launch 211

Debugging Tips 212

Testing Environments 212

Development Tools 215

Touch Vs. Mouse Events 221

Performance Tips 221

Mobile Bandwidth 222

JavaScript Optimizations 224

CSS Optimizations 229

Summary 233

Appendix A: HTML5, CSS3, and JavaScript Concepts 235

HTML5 236

Markup 236

Geolocation 238

DOM Storage 240

Cache Manifest 242

CSS3 245

Box Shadow 245

Gradients 249

CSS Animation 257

JavaScript 265

Basic Events 265

Touch Events 267

jQuery 271

Summary 277

Index 279

Read More Show Less

Customer Reviews

Average Rating 5
( 1 )
Rating Distribution

5 Star


4 Star


3 Star


2 Star


1 Star


Your Rating:

Your Name: Create a Pen Name or

Barnes & Review Rules

Our reader reviews allow you to share your comments on titles you liked, or didn't, with others. By submitting an online review, you are representing to Barnes & that all information contained in your review is original and accurate in all respects, and that the submission of such content by you and the posting of such content by Barnes & does not and will not violate the rights of any third party. Please follow the rules below to help ensure that your review can be posted.

Reviews by Our Customers Under the Age of 13

We highly value and respect everyone's opinion concerning the titles we offer. However, we cannot allow persons under the age of 13 to have accounts at or to post customer reviews. Please see our Terms of Use for more details.

What to exclude from your review:

Please do not write about reviews, commentary, or information posted on the product page. If you see any errors in the information on the product page, please send us an email.

Reviews should not contain any of the following:

  • - HTML tags, profanity, obscenities, vulgarities, or comments that defame anyone
  • - Time-sensitive information such as tour dates, signings, lectures, etc.
  • - Single-word reviews. Other people will read your review to discover why you liked or didn't like the title. Be descriptive.
  • - Comments focusing on the author or that may ruin the ending for others
  • - Phone numbers, addresses, URLs
  • - Pricing and availability information or alternative ordering information
  • - Advertisements or commercial solicitation


  • - By submitting a review, you grant to Barnes & and its sublicensees the royalty-free, perpetual, irrevocable right and license to use the review in accordance with the Barnes & Terms of Use.
  • - Barnes & reserves the right not to post any review -- particularly those that do not follow the terms and conditions of these Rules. Barnes & also reserves the right to remove any review at any time without notice.
  • - See Terms of Use for other conditions and disclaimers.
Search for Products You'd Like to Recommend

Recommend other products that relate to your review. Just search for them below and share!

Create a Pen Name

Your Pen Name is your unique identity on It will appear on the reviews you write and other website activities. Your Pen Name cannot be edited, changed or deleted once submitted.

Your Pen Name can be any combination of alphanumeric characters (plus - and _), and must be at least two characters long.

Continue Anonymously
Sort by: Showing 1 Customer Reviews
  • Anonymous

    Posted July 10, 2014


    Hurro and welcome to the world of smash! I am a green kirby. Eh. Just call me Green Kirby. If you want, you can post your bio on res. 2 or something. You can be anyone from the series (yes, you can be things from the Wii U and 3ds versions) including items and assist trophies and stage hazards and subspace enemies and bosses and newcomers! (Though who would want to be an item?) What the Arceus are you waiting for? Join now or I'll super scope you!

    Was this review helpful? Yes  No   Report this review
Sort by: Showing 1 Customer Reviews

If you find inappropriate content, please report it to Barnes & Noble
Why is this product inappropriate?
Comments (optional)