[...]... styles for earlier browsers 5 Chapter 1 Dreamweaver Goes Mobile The version of PhoneGap integrated in Dreamweaver CS5.5 supports only Google’s Android and Apple’s iOS (for iPhone, iPad, and iPod touch) Adobe plans to expand Dreamweaver s support for other mobile operating systems, such as BlackBerry, later Chapter 7 describes how to package a web application built with HTML, CSS, and JavaScript for. .. DOCTYPE, Dreamweaver CS5.5 encloses all attribute values in quotes and always uses closing tags Converting XHTML pages to HTML5 in Dreamweaver CS5.5 is simple Just choose File > Convert > HTML5 Using HTML5 and CSS3 with Dreamweaver CS5.5 Adobe took the initial steps to support HTML5 and CSS3 with the release of the 11.0.3 updater for Dreamweaver CS5 in August 2010 The updater added code hints for HTML5... on a mobile device In many cases, it’s best to create a custom-built site for mobile users The jQuery Mobile framework is ideal for doing this, and it has been developed with the active participation of Dreamweaver engineers It’s designed to work on all mainstream mobile operating systems and browsers, including all versions of Android and iOS, BlackBerry OS version 5 and later, Windows Phone 7, and. .. PhoneGap to compile and test apps for the iPhone (Figure 1.19) and iPad This feature is covered in detail in Chapter 7 I: Dreamweaver CS5.5 Figure 1.18  Testing in the Android simulator after packaging the app with Dreamweaver s integrated version of PhoneGap Developing for Multiple Devices The rapid spread of mobile devices presents web designers and developers with challenges and opportunities The... slower than broadband connections, and many users must pay extra if they exceed their monthly data limit To help web designers rise to the new challenges, Adobe Dreamweaver CS5.5 incorporates a set of tools focused on HTML5, CSS3, and development for mobile devices This book is your guide to using those tools This chapter provides a broad overview of the new features in Dreamweaver CS5.5 and discusses... 1 Dreamweaver Goes Mobile Chapter 1 Dreamweaver Goes Mobile Change is inevitable in a progressive country Change is constant —Benjamin Disraeli Dreamweaver Goes Mobile G roundbreaking web technologies are like London buses You wait seemingly forever for one to come, and then three come at the same time Unlike buses, which take you to a fixed destination, the journey promised by HTML5, CSS3, and mobile. .. native app on Android or iOS using PhoneGap PhoneGap is an open-source framework that allows you to author native apps without the need to learn Java or Objective-C Dreamweaver CS5.5 automatically installs PhoneGap and simplifies the packaging process Before describing the new HTML5, CSS3, and mobilerelated features in Dreamweaver CS5.5, I’ll address what I suspect is a burning question for many of you... the mobile operating system of your choice Dreamweaver CS5.5 not only automates the installation of the Android software development kit, but it also makes packaging apps with PhoneGap and testing them simplicity itself: Just enter a few details in a couple of dialog boxes, and you’re done You can compile and test Android apps (Figure 1.18) in both Windows and Mac OS X The Mac version of Dreamweaver CS5.5. .. by Dreamweaver CS5.5 A rather obscure change is the addition of support for the CSS3 syntax for pseudo-elements In CSS2.1, these were preceded by a single colon In CSS3, they’re preceded by a double colon, as shown in Table 1.3 In her book Stunning CSS3 (New Riders, 2010), Zoe Mickley Gillenwater suggests a simple way of dealing with the formula for nth-child() Treat it as a × n ± b Start n at 0 and. .. jQuery Mobile framework also features widgets to add extra pages and page elements, such as layout grids, collapsible panels, and form fields You can insert them from the Insert panel (Figure 1.16) or by choosing Insert > jQuery Mobile Chapters 5 and 6 describe in detail how to use these features in Dreamweaver CS5.5 Code Hints for jQuery Core Figure 1.15  Just replace the placeholder text for a basic mobile . alt="" Adobe ® Dreamweaver ® CS5. 5 Designing and Developing for Mobile with jQuery, HTML5 and CSS3 David Powers STUDIO TECHNIQUES Adobe Dreamweaver CS5. 5 Studio Techniques: Designing and Developing. I Dreamweaver CS5. 5 1 Chapter 1 Dreamweaver Goes Mobile 3 Assessing HTML5 and CSS3 6 Using HTML5 and CSS3 with Dreamweaver CS5. 5 14 Developing for Multiple Devices 27 Section II HTML5 and CSS3. PhoneGap integrated in Dreamweaver CS5. 5 supports only Google’s Android and Apple’s iOS (for iPhone, iPad, and iPod touch). Adobe plans to expand Dreamweaver s support for other mobile operating