dreamweaver cs5.5, designing and developing for mobile with jquery html5 and css3 (2011)

[...]... 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. .. 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. .. and is likely to be handled more efficiently by browsers Just because HTML5 allows you to omit the closing tag of a paragraph doesn’t mean you should When you select an HTML5 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. .. improving the method of applying CSS3 properties, such as borderradius, box-shadow, and text-shadow, and streamlining the way it handles media queries In addition, it has integrated support for the jQuery Mobile and PhoneGap frameworks to speed up the development of dedicated mobile websites and the deployment of native applications on Android or iOS Code hints for jQuery have also been added These... Figure 1.13  You can change the size of the Document window viewport to match target devices 23 Chapter 1 Dreamweaver Goes Mobile Building Dedicated Mobile Sites with jQuery Mobile Visit http://jquerymobile.com/gbs for the most recent information on the operating systems and browsers supported by jQuery Mobile Using media queries to change the look of a website in different devices gives you great flexibility,... 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. .. burning question for many of you Assessing HTML5 and CSS3 Are HTML5 and CSS3 ready to use? The simple answer is yes—as long as you know what you’re doing W3C The W3C (www.w3.org) is responsible for developing web standards, which are formally referred to as recommendations Its members include all the big software and technology companies, as well as government and research institutions from over 40 countries... support The same should be true for both HTML5 and CSS3 Browser support will come in stages Fortunately, you can use many features to enhance the user experience in modern browsers without causing problems in earlier ones For example, HTML5 defines new input type attributes, such as date and number, for forms Browsers that don’t recognize these values simply display a standard text input field By using... 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... Ericsson, and DoCoMo) Dreamweaver CS5.5 speeds up the development of dedicated mobile sites by integrating the jQuery Mobile framework and widgets To create a skeleton mobile site with jQuery Mobile: 1 Choose File > New to open the New Document dialog box 2 Choose Page from Sample on the left of the dialog box 3 Select Mobile Starters from the Sample Folder list This offers a choice of loading the jQuery