Sams Teach Yourself HTML5 Mobile Application Development In 24 Hours

1y ago
21 Views
2 Downloads
648.45 KB
57 Pages
Last View : 15d ago
Last Download : 2m ago
Upload by : Maleah Dent
Transcription

Jennifer KyrninSams Teach YourselfHTML5Mobile ApplicationDevelopment24Hoursin800 East 96th Street, Indianapolis, Indiana, 46240 USA

Sams Teach Yourself HTML5 Mobile Application Development in 24 HoursCopyright 2012 by Pearson Education, Inc.All rights reserved. No part of this book shall be reproduced, stored in a retrieval system, ortransmitted by any means, electronic, mechanical, photocopying, recording, or otherwise, withoutwritten permission from the publisher. No patent liability is assumed with respect to the use ofthe information contained herein. Although every precaution has been taken in the preparation ofthis book, the publisher and author assume no responsibility for errors or omissions. Nor is anyliability assumed for damages resulting from the use of the information contained herein.ISBN-13: 978-0-672-33440-5ISBN-10: 0-672-33440-2Library of Congress Cataloging-in-Publication Data:Kyrnin, Jennifer.Sams teach yourself HTML5 mobile application development in 24 hours / Jennifer Kyrnin.p. cm.Includes bibliographical references and index.ISBN 978-0-672-33440-5 (pbk. : alk. paper)1. HTML (Document markup language) 2. Mobile computing—Programming. 3. Applicationsoftware—Development. I. Title.QA76.76.H94K97 2012006.7’4—dc232011036380Printed in the United States of AmericaFirst Printing: November 2011 with corrections April 2013Editor-in-ChiefMark TaubAcquisitions EditorTrina MacDonaldDevelopmentEditorMichael ThurstonManaging EditorKristy HartProject EditorsJovana SanNicolas-Shirley andJess DeGabrieleCopy EditorPaula LowellSenior IndexerCheryl LenserTrademarksProofreaderLeslie JosephAll terms mentioned in this book that are known to be trademarks or service marks have beenappropriately capitalized. Sams Publishing cannot attest to the accuracy of this information. Useof a term in this book should not be regarded as affecting the validity of any trademark or servicemark.Technical EditorsEvan BurchardPascal RettigWarning and DisclaimerEvery effort has been made to make this book as complete and as accurate as possible, but nowarranty or fitness is implied. The information provided is on an “as is” basis. The author and thepublisher shall have neither liability nor responsibility to any person or entity with respect to anyloss or damages arising from the information contained in this book or programs accompanying it.Bulk SalesSams Publishing offers excellent discounts on this book when ordered in quantity for bulk purchases or special sales. For more information, please contactU.S. Corporate and Government or sales outside of the U.S., please contactInternational rOlivia BasegioCover DesignerGary AdairCompositorNonie Ratcliff

Contents at a GlancePreface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xivPart I: Building Web Pages and Applications with the Open Web StandardHOUR 1Improving Mobile Web Application Development with HTML5 . . . . . . . . 12New HTML5 Tags and Attributes with Mobile Development . . . . . . . . . . . 153Styling Mobile Pages with CSS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334Detecting Mobile Devices and HTML5 Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495JavaScript and HTML5 Web Applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 676Building a Mobile Web Application7Upgrading a Site to HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1058Converting Web Apps to Mobile.85119Part II: Learning the HTML5 EssentialsHOUR 9Adding Meaning with HTML5 Sectioning and Semantic Elements . 14110Drawing with the HTML5 Canvas Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16311Fonts and Typography in HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18712Audio and Video in HTML513HTML5 Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22314Editing Content and User Interaction with HTML5 . . . . . . . . . . . . . . . . . . . . . . 24515Microformats and Microdata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26116Working with HTML5 Drag-and-Drop Functionality . . . . . . . . . . . . . . . . . . . . 27517HTML5 Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293.205Part III: HTML5 for Mobile and Web ApplicationsHOUR 18Web Application APIs and Datasets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30919WebSockets, Web Workers, and Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32320Offline Web Applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34121Web Storage in HTML5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35522Controlling the Browser History with the History API . . . . . . . . . . . . . . . . . . 373

ivSams Teach Yourself HTML5 Mobile Application Development in 24 Hours23Adding Location Detection with Geolocation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38724Converting HTML5 Apps to Native Apps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405AppendixesAAnswers to Quizzes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423BHTML Elements and Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437CHTML5 and Mobile Application Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447Index. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 449

Table of ContentsPreface.xivPart I: Building Web Pages and Applications with the Open Web StandardHOUR 1: Improving Mobile Web Application Development with HTML5Understanding How We Got to HTML51.1Learning What’s Different with HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3Defining Web Applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4Using the Open Web Standard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4Using HTML5 with iOS and Android Devices.6Writing Mobile Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11Q&A.12Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13HOUR 2: New HTML5 Tags and Attributes with Mobile Development15The New HTML5 Tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15The New HTML5 Attributes.Changes to HTML 4 Tags and Attributes.2425Changes to HTML Syntax in HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27Mobile Support of HTML5 Tags and Attributes.28Benefits of HTML5 for Mobile Web Development. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30Q&A.30Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31HOUR 3: Styling Mobile Pages with CSS333Quick Introduction to CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33What CSS3 Adds to the Party . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42Using CSS3 on Mobile Devices.46

viSams Teach Yourself HTML5 Mobile Application Development in 24 HoursSummary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46Q&A.46Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47HOUR 4: Detecting Mobile Devices and HTML5 SupportChoosing What HTML5 Elements to UseAndroid and iOS Support for HTML549.50.50Detecting HTML5 Functions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52Degrading Gracefully . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58Using CSS3 Media Queries to Detect Mobile Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60Testing Your Applications.63Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64Q&A.64Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65HOUR 5: JavaScript and HTML5 Web ApplicationsWhat is JavaScript?What is jQuery?67.67.72Using jQuery Mobile.79Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82Q&A.82Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83HOUR 6: Building a Mobile Web ApplicationBuilding a Site that Works on All Devices85.86.89Deciding on What Type of Application You WantBuilding the Application in HTML85Using CSS to Make the HTML Look Good . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91Adding Mobile Meta Tags for More Effective HTML5 Pages . . . . . . . . . . . . . . . . . . . . . . . . 96Optimizing Your Site for Mobile . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99.102.102SummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

viiContentsHOUR 7: Upgrading a Site to HTML5105Deciding When and How to Upgrade from HTML 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105HTML5 Features that Work Right Now . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111The State of HTML5 Browser Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112Adding HTML5 Features as Extras on Your Site.115.116.116HTML5 Features that Turn Your Site into a Killer Mobile ApplicationSummaryQ&A113Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118HOUR 8: Converting Web Apps to MobileChoosing a Web Editor119.120Testing Your Application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121Evaluating Your Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123Changing the Visual Design for Mobile.124Checking for HTML5 and CSS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130Supporting Multiple Devices.Evaluating Finished Apps on Other Devices.133.134.138.139Getting an Application to Work on Older BrowsersSummaryQ&A132Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139Part II: Learning the HTML5 EssentialsHOUR 9: Adding Meaning with HTML5 Sectioning and Semantic ElementsWhat Are Sectioning Elements?.141141Using the New Sectioning Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142Marking Up HTML Semantically. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154.159.159SummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

viiiSams Teach Yourself HTML5 Mobile Application Development in 24 HoursHOUR 10: Drawing with the HTML5 Canvas Element163Using the Canvas Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163Drawing Shapes on the Canvas Element. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165Writing Fonts and Text on the Canvas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177Displaying Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179.182.183.184How Is Canvas Different from SVG or FlashSummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185HOUR 11: Fonts and Typography in HTML5Defining the Elements of TypographyUsing Proper Typographical Entities187.187.196Understanding Web Open Font Format (WOFF). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198.202.202SummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203HOUR 12: Audio and Video in HTML5205Why Use HTML5 for Audio and Video vs. Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205Choosing Video Formats for the Best Compatibility.207Choosing Audio Codecs for the Widest Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208The New HTML5 Media Elements.Useful Attributes to Extend Your Media.212.216.217.219.220Creating Fallback Options for Internet ExplorerCreating Custom Controls with API MethodsSummaryQ&A210Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220HOUR 13: HTML5 Forms223New Usability Features in HTML5 FormsHTML5 Input Types.223.228Other New Form Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235

ixContentsForm Validation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237.241.242SummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242HOUR 14: Editing Content and User Interaction with HTML5The New contenteditable AttributeThe execCommand Method245.245.247Adding Spellcheck to Web Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251Hiding Elements.Additional UI Components of HTML5.253.255.257.258Browser Support of UI and Editing FeaturesSummaryQ&A252Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258HOUR 15: Microformats and MicrodataUsing MicroformatsUsing Microdata261.261.267Using RDFa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269Deciding Which Format to Use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270.271.272.273Mobile and MicroformatsSummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274HOUR 16: Working with HTML5 Drag-and-Drop FunctionalityImplementing Drag and DropDrag-and-Drop Events.275.276.279.280Drag-and-Drop AttributesHelpful CSS Extensions275Building a Drag-and-Drop Interface.280Using Drag and Drop on iOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

xSams Teach Yourself HTML5 Mobile Application Development in 24 HoursSummaryQ&A.290.290Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291HOUR 17: HTML5 Links293How Links Have Changed in HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293Link Types and Relationships . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299.300.306.306Using the New Link TypesSummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307Part III: HTML5 for Mobile and Web ApplicationsHOUR 18: Web Application APIs and DatasetsCreating Web Applications.Datasets and data-* Attributes309.318.320.320SummaryQ&A309Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 321HOUR 19: WebSockets, Web Workers, and FilesTwo-Way Communication with WebSockets323.326.331.337.338Running Scripts in the Background with Web WorkersHandling Client-Side Files with the File APISummaryQ&A323Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339HOUR 20: Offline Web Applications341Building Offline Apps and Converting Apps to Work Offline . . . . . . . . . . . . . . . . . . . . 341The Cache Manifest.347.351Using DOM Events and Properties for Offline AppsDebugging the Application Cache343

xiContentsSummaryQ&A.352.352Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353HOUR 21: Web Storage in HTML5355What Is Web Storage? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356.361.370.371Web SQL and Indexed DBSummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372HOUR 22: Controlling the Browser History with the History APIWhy Control the Browser History?373.373History API Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375Using the History API.383.384.385Dangers and Annoyances of the History APISummaryQ&A375Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386HOUR 23: Adding Location Detection with GeolocationWhat Is Geolocation?387.387Privacy and Geolocation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 394.396.401.401Creating a Mobile Geolocation ApplicationSummaryQ&AWorkshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 402HOUR 24: Converting HTML5 Apps to Native AppsComparing the Difference Between Native and HTML5 Apps405.405Converting to Native Apps.408Creating Application Icons.414.416Testing Your ApplicationsSelling Your App in the App Stores.418

xiiSams Teach Yourself HTML5 Mobile Application Development in 24 HoursOptions Other Than Converting to Native Apps.419.419.420SummaryQ&AWorkshop . . . . .

Part I: Building Web Pages and Applications with the Open Web Standard HOUR 1: Improving Mobile Web Application Development with HTML5 1 Understanding How We Got to HTML5 . Part III: HTML5 for Mobile and Web Applications HOUR 18: Web Application APIs and Datasets 309

Related Documents:

[HTML5 강좌 및 동영상 목록] [HTML5 동상 강좌] 1. HTML 5 개요 [HTML5 동상 강좌] 2. HTML4 vs HTML5 (1) [HTML5 동상 강좌] 3. HTML4 vs HTML5 (2) [HTML5 동상 강좌] 4. Sementic Element (1) [HTML5 동상 강좌] 5. Sementic Element (2) [HTML5 동상 강좌] 6. Strong Web Form [HTML5 동상 강좌] 7. Rich Text Edit API [HTML5 동상 강좌] 8. Video Element [HTML5 동상 강좌] 9.

Excerpt from: Sams Teach Yourself Responsive Web Design with HTML5 and CSS3 in 24 Hours ISBN: 978-0672338380 By Jennifer Kyrnin This is a free sample chapter from the book Sams Teach Yourself Responsive Web Design with HTML5 and . or wherever books are sold. mobile. When

Recommends which HTML5 and CSS3 features are ready to use and which fallback to use when appropriate. Wikipedia "Comparison of Layout Engines (HTML5)" Charts show HTML5 support by the major browser lay-out engines. HTML5 Readiness An interesting visualization of growing support for HTML5 and CSS3 from 2008 to present. Validating HTML5 Documents

Sams teach yourself regular expressions in 10 minutes / Ben Forta. Indianapolis, Ind. : Sams, 2004. 005.133 For 2004 Sams teach yourself PHP in 24 hours / Matt Zandstra. Indianapolis, Ind. : Sams Pub., c2004. 005.133 Zan 2004 Neal-Schuman directory of management software for public a

Tytuł oryginału: Sams Teach Yourself SQL in 10 Minutes, Fourth Edition Tłumaczenie: Rafał Jońca ISBN: 978-83-283-1089-6 Authorized translation from the English language edition: SAMS TEACH YOURSELF SQL IN 10

Tytuł oryginału: Sams Teach Yourself Bootstrap in 24 Hours Tłumaczenie: Andrzej Watrak ISBN: 978-83-283-2514-2 Authorized translation from the English language edition, entitled: BOOTSTRAP IN 24 HOURS, SAMS TEACH YOURSELF; ISBN 0672337045; by Jennifer Kyrnin; published

Meloni, Julie C. Sams teach yourself HTML and CSS 24 hours / Julie Meloni, Michael Morrison. -- 8th ed. p. cm. Rev. ed. of: Sams teach yourself HTML and CSS in 24 hours / Dick Oliver, 7th ed., 2006. ISBN 978--672-33097-1 (pbk.) 1. HTML (Document markup language) 2. XHTML (Document markup language) 3. Cascading style sheets. I. Morrison .

Netzwerk – Arbeitsbuch B1.2 Lösungsschlüssel Netzwerk B1 Lösungsschlüssel zum Arbeitsbuch Seite 2 3. Bevor er in die Stadt fährt, schreibt er Mails. 4. Bis sie ihre Freunde besuchen kann, langweilt sie sich. 5. Während sie Deutsch lernen, sehen sie fern. 6. Nachdem wir Sport gemacht haben, sehen wir fern. 7. Während er krank war, hat .