HTML5 Mobile Development 
Cookbook 
Shi Chuan 
Chapter No. 1 
"HTML5 and the Mobile Web" 
Pdf link to specific page - insert, remove PDF links in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Free C# example code is offered for users to edit PDF document hyperlink (url), like inserting and deleting
add links to pdf in acrobat; check links in pdf
Pdf link to specific page - VB.NET PDF url edit library: insert, remove PDF links in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Help to Insert a Hyperlink to Specified PDF Document Page
add hyperlink to pdf online; chrome pdf from link
In this package, you will find: 
A Biography of the author of the book 
A preview chapter from the book, Chapter NO.1 "HTML5 and the Mobile Web" 
A syno
psis of the book’s content
Information on where to buy this book 
About the Author 
Shi Chuan has over five years experience in web development. He is a member of the 
HTML5 Boilerplate project, lead developer of Mobile Boilerplate 
(
), owner of the JavaScript Patterns project 
(
). He is now an 
independent developer living in the UK and China. You can find out more about him on 
his personal website at: 
. He loves reading, 
travelling, great food, and eclectic and indie music. 
I would like to thank my parents, and the whole family who have been 
my positive and unconditional supporters. I would also like to thank 
Jiang Xue, who taught me so many things about life, in ways she does 
not even know. 
I would also like to thank my friends from the Boilerplate Team - Paul 
Irish, Divya Manian, Mathias Bynens, and Nicolas Gallagher. Former 
CTO of the company I worked for - Chi Tran. They have been and will 
always be my inspiration and aspiration. 
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
C# PDF File & Page Process Library SDK for C#.net, ASP.NET, MVC
Image: Copy, Paste, Cut Image in Page. Link: Edit URL. XDoc.PDF allows you to easily move PDF document pages specific APIs to copy and get a specific page of PDF
add hyperlinks to pdf; pdf reader link
VB.NET PDF File & Page Process Library SDK for vb.net, ASP.NET
By referring to this VB.NET guide, you can use specific APIs to copy and get a specific page of PDF file; you are also able to copy and paste pages from a PDF
adding links to pdf in preview; convert excel to pdf with hyperlinks
HTML5 Mobile Development 
Cookbook 
How do I create fast and responsive mobile websites that work across a range of 
platforms? For developers dealing with the proliferation of mobile devices each with 
unique screen sizes and performance limitations, it is an important question. This 
cookbook provides the answer. You will learn how to apply the latest HTML5 mobile 
web features effectively across a range of mobile devices. 
HTML5 Mobile Development Cookbook will show you how to plan, build, debug, and 
optimize mobile websites. Apply the latest HTML5 features that are best for mobile, 
while discovering emerging mobile web features to integrate in your mobile sites. 
Build a rock-solid default mobile HTML template and understand mobile user 
interaction. Make your site fast and responsive, leveraging the uniqueness of location-
based mobile features and mobile rich media. Make your mobile website perfect using 
debugging, performance optimization, and server-side tuning. The book finishes with a 
sneak preview of future mobile web technologies. 
What This Book Covers 
Chapter 1, HTML5 and the Mobile Web, introduces HTML5 and the mobile web, along 
with some emulators and simulators. 
Chapter 2, Mobile Setup and Optimization, discusses various mobile setups and 
optimization, such as preventing text resize and optimizing viewport width. 
Chapter 3, Interactive Media with Mobile Events, discusses mobile interactions such as 
gesture events. 
Chapter 4, Building Fast and Responsive Websites, talks about the various ways to make 
mobile websites fast and responsive. 
Chapter 5, Mobile Device Access, discusses location-based mobile web and other 
HTML5 device-specific features. 
Chapter 6, Mobile Rich Media, talks about the HTML5 rich media elements that can be 
used on mobile browsers. 
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
VB.NET PDF Page Insert Library: insert pages into PDF file in vb.
Add and Insert Blank Page to PDF File Using VB. This demo explains how to use VB to insert an empty page to a specific location of current PDF file .
pdf hyperlink; add page number to pdf hyperlink
C# PDF Page Insert Library: insert pages into PDF file in C#.net
Add and Insert Blank Page to PDF File in C#.NET. This C# demo explains how to insert an empty page to a specific location of current PDF file.
adding hyperlinks to pdf documents; add a link to a pdf in preview
Chapter 7, Mobile Debugging, teaches you ways to work around mobile screen-side 
constraints and debug mobile websites and web apps effectively. 
Chapter 8, Server-Side Tuning, focuses on the server-side tuning for mobile websites. 
Chapter 9, Mobile Performance Testing, teaches you various Tools and techniques that 
can be used to boost mobile performance. 
Chapter 10, Emerging Mobile Web Features, talks about ECMAScript 5 as well as 
mobile-specific features that were added to allow more functionalities with mobile and 
boost the performance. 
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
VB.NET PDF - Annotate PDF Online with VB.NET HTML5 PDF Viewer
Click to add a text box to specific location on PDF page. Outline width, outline color, fill color and transparency are all can be altered in properties.
add hyperlink to pdf acrobat; add links to pdf file
C# HTML5 PDF Viewer SDK to annotate PDF document online in C#.NET
Click to add a text box to specific location on PDF page. Outline width, outline color, fill color and transparency are all can be altered in properties.
adding an email link to a pdf; pdf email link
1
HTML5 and 
the Mobile Web
In this chapter, we will cover:
Getting your mobile device ready
Emulators and simulators
Setting up the mobile development environment
Using HTML5 on mobile web
Making HTML5 render cross browser 
Designing for mobile
Determining your target mobile devices
Defi ning a content adaptation strategy
Introduction
Both HTML5 and mobile web are promising technologies. Both have relatively short histories. 
In this chapter, most topics we will be covering are relatively basic. This is to help you get 
started with mobile development quickly and with minimum effort.
Both mobile and HTML5 are still evolving in nature and there could be many questions in 
your mind. We will clear those doubts and set your mind focused on things that matter. 
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
C# PDF remove image library: remove, delete images from PDF in C#.
Image: Copy, Paste, Cut Image in Page. Link: Edit URL. Bookmark: Edit Bookmark. Metadata: Edit Delete and remove all image objects contained in a specific PDF page
pdf edit hyperlink; adding links to pdf document
C# PDF Image Extract Library: Select, copy, paste PDF images in C#
C#: Select All Images from One PDF Page. C# programming sample for extracting all images from a specific PDF page. // Open a document.
pdf link to specific page; add links in pdf
HTML5 and the Mobile Web
6
The mobile web is growing fast. We now have mobile Safari which is one of the most used apps 
on the iPhone, allowing developers to build high performance web applications and enhancing 
users' browsing experience. You do not need a developer account to host and run a mobile 
site, you don't need to get approval from any app market to launch a mobile website and you 
can make updates any time you like without the hassle of waiting for approval. All these are 
benefi ts of mobile web development, but at the same time, there are challenges such as 
inconsistencies among browsers, the lack of certain features compared to native apps, and 
security. We can't tackle them all, but we sure can solve some of them. And we will see, when 
developing a mobile site, how we can separate the common practices from the best practices.
There are literally thousands of smartphones out there; you don't need every single one of 
them to test your application on. In fact, you may need fewer than 10. If that's still out of your 
budget, then two devices are good enough. For the rest, you can use simulators/emulators to 
do the job. This book focuses on six A-grade mobile devices, with focus specifi cally on iPhone, 
Android, and Windows Phone:   
iOS 
Android
Windows Mobile
Blackberry v6.0 and above
Symbian 60
Palm webOS
There are two browsers that are device-independent that will also be covered in this book. 
They are: 
Opera Mobile
Firefox Mobile
Just because other browsers are not in the list does not mean they won't be covered by the 
issues and techniques we discuss in this book.  
Identifying your target mobile devices
Target browser: all
You can't possibly make a mobile site for every single mobile device. No one has the time 
or energy to do so.
Cross-browser mobile web development can be crazy. It's hard to defi ne the scope of the 
work, as John Resig  (creator of jQuery Mobile) pointed out in his presentation slide 
describing his  experience building jQuery Mobile (http://www.slideshare.net/
jeresig/testing-mobile-javascript), he asked three questions:
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
Chapter 1
7
Which platforms and browsers are popular?
Which browsers are capable of supporting modern scripting?
What devices and simulators do I acquire to test with?
When you are building a mobile site, you have to ask yourself similar questions, but not the 
exact same questions, because remember your site should be specifi cally tailored to your 
target audience. So your questions should be:
Which platforms and browsers are most commonly used by visitors on my website?
How many people access my website from a mobile device that is capable of 
supporting modern scripting?
Which devices and simulators do I need for testing?
Which platforms and browsers are most commonly used by 
visitors on my website?
Now let's answer the fi rst question. Before building a mobile website, you must fi rst fi nd out 
who are your target audience, and what mobile devices they use when visiting your site. There 
are many analytics tools that can help you answer these questions. One of those is Google 
Analytics. You can sign up for a free Google Analytics  account at: http://www.google.
com/analytics/
The way to do it is fairly straightforward: most developers are no strangers to Google Analytics. 
All you have to do is to include the JavaScript snippet from the the Google Analytics site and 
embed it in your web pages.
JavaScript can be rendered in most modern smartphones, so there is really no difference 
between using it on a desktop site and on a mobile site. 
How many people access my website from a mobile device that 
is capable of supporting modern scripting? 
Now let's answer the second question. One thing you may want to fi nd out is the number 
of people using mobile browsers to surf your site. And you also want to fi nd out how many 
people use a relic mobile browser that doesn't support JavaScript at all. This is because if the 
percentage of people using low-end smartphones is higher than that of people using high-end 
smartphones, it may not be worthwhile using HTML5 in the fi rst place (although the chance of 
this is very low).
So if your goal is not just to know the number of people using smartphones, but also the 
number of people who use older versions of mobile phones, Google Analytics for mobile 
comes to the rescue. You can download the script from:
http://code.google.com/mobile/analytics/download.html#Download_the_
Google_Analytics_server_side_package
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
HTML5 and the Mobile Web
8
Google Analytics for mobile server-side packages currently supports JSP, ASPX, Perl, and PHP. 
Let's take a look at one of the examples in PHP. All you have to do is to change the ACCOUNT 
ID GOES HERE with your GA account ID. But remember to replace 'UA-xx' with 'MO-xx'.
Unfortunately, when you use the server-side version, you can't use it on pages where you also 
use the standard JavaScript tracking code, ga.js. Using the server-side version means that 
you have to give up the JavaScript version. It can be annoying because the JavaScript version 
provides a lot of dynamic tracking mechanisms that are lacking in the server-side version:
<?php
//  Copyright 2009 Google Inc. All Rights Reserved.
$GA_ACCOUNT = "ACCOUNT ID GOES HERE";
$GA_PIXEL = "ga.php";
function googleAnalyticsGetImageUrl() {
global $GA_ACCOUNT, $GA_PIXEL;
$url = "";
$url .= $GA_PIXEL . "?";
$url .= "utmac=" . $GA_ACCOUNT;
$url .= "&utmn=" . rand(0, 0x7fffffff);
$referer = $_SERVER["HTTP_REFERER"];
$query = $_SERVER["QUERY_STRING"];
$path = $_SERVER["REQUEST_URI"];
if (empty($referer)) {
$referer = "-";
}
$url .= "&utmr=" . urlencode($referer);
if (!empty($path)) {
$url .= "&utmp=" . urlencode($path);
}
$url .= "&guid=ON";
return $url;
}
?>
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
Chapter 1
9
Alternatives to Google Analytics
Google Analytics is not the only mobile analytics service in the market. There are other 
services providing more specialized services. For example, PercentMobile  is a hosted mobile 
analytics service that makes your mobile audience and opportunities clear. You can fi nd out 
more about this service at: 
http://percentmobile.com/
Accuracy of Google Analytics
The location reported by mobile devices may not always be accurate; Google Analytics uses 
IP addresses to determine user location for Map Overlay reports. They are subject to possible 
inaccuracy, as mobile IPs originate from the wireless carrier gateway which is not necessarily 
co-located with mobile users.
Server loading speed concern
Due to the server-side processing, some additional server load may be incurred. Google 
recommends you fi rst test the snippet on a few of your pages to ensure all is well before 
rolling out to an entire site.
Setting up mobile development tools
Target browser: all
Now one question still remains unanswered from the previous recipe: which devices and 
simulators do I need for testing? We will fi nd this out in this chapter.
If you have fi gured out what major mobile devices you are going to support, now is the time 
to see how to set them up. Mobile development can be costly if you test on various mobile 
devices. Although we have all these mobile simulators and emulators available for testing, 
it's not as good as testing on a real device. Now let's see how we can maximize the testing 
coverage and minimize the cost.
Getting ready
We are going to make some assumptions here. Each case is different, but the idea is the 
same. Let's assume you have a Windows operating system on your desktop, but the top 
visitors to your site surf using iOS, Android, and Blackberry.
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
HTML5 and the Mobile Web
10
How to do it...
Your goal is to maximize the coverage and minimize the cost. All three devices have 
emulators, but not all support different platforms.
Name
Compatibility
iOS simulator
Mac
Android emulator
Windows, Mac, Linux
Blackberry simulator
Windows
As you can see, since iOS simulator only works for Mac, and if you are running a Windows 
OS, the best and only choice is to purchase an iPhone for testing. For Android and 
Blackberry, because they both have emulators for Windows, to save budget, you can 
download the emulators.
How it works...
1.  List the top mobile devices people use to surf your site.
2.  Know the machine OS you are using for the development.
3.  Find out the compatibility of each of these device emulators to your 
development environment.
There's more...
If you have the budget for more than one mobile device having a different OS, you can 
think further about screen sizes and the DPI of the mobile device. You may not need to buy 
two high-end devices. For instance, it's not necessary to own an iPhone4  and an Android 
Thunderbolt . You can buy a lower-end of Android just to test out how your site would look 
on a lower-end device. So the idea is to combine your OS, mobile devices, and emulators to 
maximize the scenarios to cover.
Device simulator/emulator download lookup table
The following table shows a list of popular mobile device emulators for mobile web design 
and development testing: 
Name
Type
Compatibility
URL
iOS 
Simulator
Mac
https://developer.apple.
com/devcenter/ios/index.
action#downloads
Android 
Emulator
Mac, Win, Linux
http://developer.android.com/
sdk/index.html
For More Information:  
www.packtpub.com/html5-mobile-development-for-iphone5-android-
blackberry-cookbook/book
Documents you may be interested
Documents you may be interested