Skip to main content
Top

2011 | Book

Pro iOS Design and Development

HTML5, CSS3, and JavaScript with Safari

insite
SEARCH

About this book

With Pro iOS Web Design and Development, you’ll design websites and develop web applications for iPhone and iPad using web standards deployed with Apple's Safari browser.

Utilizing the very latest web and mobile technologies and releases, this book shows every web professional how to use HTML5 to do the heavy lifting, CSS3 to create the look and feel, and JavaScript to add program logic to their mobile sites and Web applications.

In addition, you’ll learn how to address the specific features made available through Apple's iOS, especially with regard to designing Web-based touch-screen interfaces.

Pro iOS Web Design and Development will help you deliver rich mobile user experiences without compromise by optimizing your sites for WebKit and Safari, the de facto standard for the iPhone, iPad, and iPod touch.

Table of Contents

Frontmatter
Chapter 1. Think Mobile Touch
Abstract
These are exciting times for those who live and work with technology every day, whether they are young people who have used technology all their lives or they are like those who have adapted to it. These are exciting times because in recent years, no other example of technology has changed our lives so dramatically as the evolution of the mobile device.
Andrea Picchi
Chapter 2. Agile Project Building for iOS Devices
Abstract
The Mobile Strategy and Information Architecture Processes are two of the most important variables in the project flow. With these processes, you build the foundation of a web site or web application. Everything that follows is built on top of what you create at that stage.
Andrea Picchi
Chapter 3. Web Development for iOS Devices
Abstract
The Web Development process involves many technologies and many principles, and for that reason, this chapter will introduce many subjects and will be—I’m afraid—quite long.
Andrea Picchi
Chapter 4. User Interface Design for iOS Devices
Abstract
The user interface design phase is one of the most important stages of your entire project. The user interface is the foundation of everything in your WebApp: content, functions, and all types of services are all accessed through the elements that compose your user interface.
Andrea Picchi
Chapter 5. iPhone UI Design: Think Simple
Abstract
This chapter is all about user interface design for the iPhone. We will first introduce the basic concept for designing that interface, which is “think simple” and will then look at iPhone users’ experiences and the nature of users’ cognitive resource limitations.
Andrea Picchi
Chapter 6. iPad UI Design: Think Inverted
Abstract
After working on the iPhone user interface in the previous chapter, you will now be able to start working on the iPad version of your project. When you work on a project for Apple’s tablet, you need to choose if you want a compatible user interface or a nativelike user interface. There is no right or wrong approach, because everything is dictated by the project requirements.
Andrea Picchi
Chapter 7. Web Standards for WebKit: Maximizing Mobile Safari
Abstract
In this rather long chapter, we talk about web standards from a mobile Safari point of view. In the first part, we introduce HTML5, its markup syntax, its new tags, and how it has redefined some tags from HTML4. We discuss the semantics of HTML5 and the <video> and <audio> tags. We also introduce the <canvas> tag, and at the end of this section, we show a live example of a slideshow implemented in the “Store” use case.
Andrea Picchi
Chapter 8. Native iOS Environment Development
Abstract
In this chapter, we will see how to work in an iOS environment, how to emulate it in our WebApp, and how to optimize its use.
Andrea Picchi
Chapter 9. Native iOS Design Implementation
Abstract
In the previous chapter, we laid out the main points of how to set up an iOS environment, and in this chapter, we see how to implement some of these same aspects in our “The Store” use case.
Andrea Picchi
Chapter 10. Optimizing iOS WebApps
Abstract
This chapter is about web optimization and search engine optimization (SEO). First we talk about iPhone and iPad compatibility, and then we show how to optimize the performance of a WebApp. We also suggest some rules for optimizing the code, reducing HTTP requests, and minimizing DOM access.
Andrea Picchi
Chapter 11. Testing iOS WebApps
Abstract
After seeing how to optimize our web application in the last chapter, we now approach the test phase. After an introduction about lifecycles and agile testing approaches, we will see how to organize a test, first creating a use-case and then the assets needed for testing it.
Andrea Picchi
Chapter 12. Maximizing the Market for iOS WebApps
Abstract
In this chapter, you will learn how to promote a WebApp. You will see how using some specific approaches can help guarantee that the WebApp has good visibility, even before it’s released on the net.
Andrea Picchi
Chapter 13. Looking Beyond the Mobile Web to Ubiquitous Computing
Abstract
Delivering the keynote speech at an American Institute of Business event in Palm Springs in 2011, Google CEO Dr. Eric Schmidt provided some staggering predictions regarding mobile usage.
Andrea Picchi
Backmatter
Metadata
Title
Pro iOS Design and Development
Author
Andrea Picchi
Copyright Year
2011
Publisher
Apress
Electronic ISBN
978-1-4302-3247-6
Print ISBN
978-1-4302-3246-9
DOI
https://doi.org/10.1007/978-1-4302-3247-6

Premium Partner