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

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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

[...]... 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

Ngày đăng: 21/03/2014, 11:45

Từ khóa liên quan

Mục lục

  • Contents

  • About the Author

  • Acknowledgments

  • Introduction

  • Section I: Dreamweaver CS5.5

    • Chapter 1 Dreamweaver Goes Mobile

      • Assessing HTML5 and CSS3

      • Using HTML5 and CSS3 with Dreamweaver CS5.5

      • Developing for Multiple Devices

      • Section II: HTML5 and CSS3

        • Chapter 2 Progressive Enhancement with HTML5 and CSS3

          • Improving an Existing Site

          • Sacrificing a Uniform Look

          • Chapter 3 Adapting Pages for Mobile with Media Queries

            • Understanding Media Queries

            • Adapting the Tozai Hotel Site

            • Assessing Media Queries

            • Chapter 4 Making Your Site Available Offline

              • How Offline Sites Work

              • Making the Tozai Hotel Site Available Offline

              • Going Offline

              • Section III: jQuery Mobile and PhoneGap

                • Chapter 5 Introducing jQuery Mobile

                  • Creating a Basic Site with jQuery Mobile

                  • Building on a Solid Foundation

                  • Chapter 6 Diving Deeper into jQuery Mobile

                    • A Guide to jQuery Mobile Custom Data Attributes

                    • Rapid Deployment with jQuery Mobile Widgets

                    • Case Study: Creating a Reservation Form

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan