Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3

It’s widely predicted that mobile phones and tablets will overtake desktop PCs as the most common Web access devices within the next two or three years. Adobe is responding to this dramatic shift by focusing on new tools to develop websites for multiple platforms with HTML, CSS, and JavaScript in Dreamweaver CS5.5. In particular, Dreamweaver engineers have been working closely with the developers of jQuery, the de-facto standard JavaScript framework, to develop jQuery Mobile. This is a new JavaScript/CSS framework designed to create websites and applications that work consistently in all major mobile platforms, including iPhone, Android, BlackBerry, and Symbian (Nokia). This book explores in depth the integration of jQuery Mobile in Dreamweaver, together with other new features aimed at building websites that work across multiple devices.

Using a series of practical examples, the book will show how to optimize an existing website for display in desktops, tablets, and mobile phones, using CSS media queries. Readers will also learn how to create a dedicated mobile site using jQuery Mobile. Although Dreamweaver will generate much of the necessary code automatically, the book will explain the structure of jQuery Mobile websites and web applications, so that developers can go beyond the basics to add custom functionality and design features. The book will also utilize the core jQuery framework, demonstrating how the new jQuery code hinting in Dreamweaver CS5.5 speeds up the development process for experienced developers and acts as a learning aid for those new to jQuery. Readers will learn how to convert a jQuery Mobile web application into a native app (that can be loaded on an iPhone or Android device) using PhoneGap, another open source framework.

Table of Contents

Section I: Dreamweaver CS5.5 1
Chapter 1 Dreamweaver Goes Mobile 3

Section II: HTML5 and CSS3 29
Chapter 2 Progressive Enhancement with HTML5 and CSS3 31
Chapter 3 Adapting Pages for Mobile with Media Queries 71
Chapter 4 Making Your Site Available Offline 117

Section III: jQuery Mobile and PhoneGap 139
Chapter 5 Introducing jQuery Mobile 141
Chapter 6 Diving Deeper into jQuery Mobile 175
Chapter 7 Building a Native App with PhoneGap 219