Book Image

HTML5 iPhone Web Application Development

By : Alvin Crespo
Book Image

HTML5 iPhone Web Application Development

By: Alvin Crespo

Overview of this book

<p>Create compelling web applications specifically tailored for distribution on iOS Safari. Work through real world examples with references, and in-depth discussions on the approach; including its benefits and drawbacks.<br /><br />"HTML5 iPhone Web Application Development" strives to teach all levels of developers, beginners and professionals, the process of creating web applications for iOS Safari. Utilizing current industry standards for frontend development, learn to take advantage of HTML5, CSS3 and JavaScript to create compelling software.<br /><br />Start with reviewing current industry standards for frontend development, and end with creating a native application using the same codebase.</p> <p>Your journey will begin with an overview of current industry standards for frontend technology, quickly moving to solve real world issues; from creating a resizable or responsive gallery, to creating a single page application that utilizes the popular Backbone.js framework.</p> <p>"HTML5 iPhone Web Application Development" aims to make you an expert in developing web applications for the iOS Safari platform.</p>
Table of Contents (17 chapters)
HTML5 iPhone Web Application Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Simplifying the navigation


Our navigation is currently taking up some serious real estate, and although it worked for our previous examples, it just won't work well with the rest of the examples for this book. So, first we need to clean up this application in order to focus on the actual content of our application. We'll clean up our markup to use the select component. Then we'll add interactivity, so that our select element actually switches between pages.

Before we start coding, create an App.Nav.js file in our JavaScript directory. Once the file is created, let's include it at the bottom of our page with the following script tag:

<script src="../js/App/App.Nav.js"></script>

Navigation markup and styling

In this section of the chapter we look at reworking the navigation for our applications. In most cases we want to make sure to use native controls on the device, so the goal here is to provide the user the ability to use the custom select control in iOS, but give us the same flexibility...