Mobile HTML5: Using the Latest Today

by Estelle Weyl

Overview

Build kickass websites and applications for all mobile (and non-mobile) platforms by adding HTML5 and CSS3 to your web development toolkit. With this hands-on book, you’ll learn how to develop web apps that not only work on iOS, Android, Blackberry, and Windows Phone, but also perform well and provide good user experience.

With lots of code and markup examples, you’ll learn best practices for using HTML5 features, including new web forms, SVG, Canvas, localStorage, and related APIs. You’ll also get an in-depth look at CSS3, and discover how to design apps for large monitors and tiny screens alike.

• Learn HTML5’s elements, syntax, and semantics
• Build forms that provide enhanced usability with less JavaScript
• Explore HTML5 media APIs for graphics, video, and audio
• Enable your applications to work offline, using AppCache, localStorage, and other APIs
• Learn what you need to know about CSS3 selectors and syntax
• Dive into CSS3 features such as multiple backgrounds, gradients, border-images, transitions, transforms, and animations
• Make your web applications usable, responsive, and accessible.
• Design for performance, user experience, and reliability on all platforms

Product Details

ISBN-13:	9781491948880
Publisher:	O'Reilly Media, Incorporated
Publication date:	11/13/2013
Sold by:	Barnes & Noble
Format:	eBook
Pages:	480
File size:	5 MB

About the Author

Estelle Weyl is a front-end engineer who has been developing standards-based accessible websites since 1999. She writes two technical blogs pulling millions of visitors, and speaks about CSS3, HTML5, JavaScript and mobile web development at conferences around the world.

Table of Contents

Introduction; Native Applications Versus Web Applications; What’s New(t)? New Elements and APIs; What’s New in CSS?; Mobile-Specific Considerations; Why This Book?; What’s in This Book; Conventions Used in This Book; Using Code Examples; Safari® Books Online; How to Contact Us; Acknowledgments; Chapter 1: Setting the Stage to Learn Mobile HTML5, CSS3, and JavaScript APIs; 1.1 CubeeDoo: HTML5 Mobile Game; 1.2 Development Tools; 1.3 Testing Tools; Chapter 2: Upgrading to HTML5; 2.1 HTML5 Syntax; 2.2 HTML Element/Attribute Syntax; Chapter 3: Elements That Are New in HTML5; 3.1 Sectioning Elements in HTML5; 3.2 Text-Level Semantic Elements New to HTML5; 3.3 Changed Text-Level Semantic Elements; 3.4 Embedded Elements; 3.5 Interactive Elements; 3.6 In Conclusion; Chapter 4: HTML5 Web Forms; 4.1 Attributes of <input> (and Other Form Elements); 4.2 <input> Types and Attributes; 4.3 New Values for <input> Type; 4.4 Date and Time Input Types; 4.5 Form Validation; 4.6 New Form Elements; 4.7 Other Form Elements; 4.8 In Conclusion; Chapter 5: SVG, Canvas, Audio, and Video; 5.1 HTML5 Media APIs; 5.2 Audio/Video; Chapter 6: Other HTML5 APIs; 6.1 Offline Web Applications; 6.2 Enhanced User Experience; 6.3 Accessible Rich Internet Applications (ARIA); 6.4 In Conclusion; Chapter 7: Upgrading to CSS3; 7.1 CSS: A Definition and Syntax; 7.2 CSS Selectors; 7.3 More CSS3 Selectors; 7.4 Other Selectors: Shadow DOM; 7.5 In Conclusion; Chapter 8: Expanding Options with CSS3 Values; 8.1 CSS Color Values; 8.2 CSS Units of Measurement; 8.3 Avoiding TRouBLe: Shorthand Properties and Value Declarations; 8.4 In Conclusion; Chapter 9: CSS3: Modules, Models, and Images; 9.1 CSS Box Model Properties; 9.2 Learning CSS3; 9.3 CSS Gradients; 9.4 Shadows; Chapter 10: CSS3: Transforms, Transitions, and Animations; 10.1 CSS Transitions; 10.2 CSS3 Transforms; 10.3 CSS3 Animation; Chapter 11: CSS Features in Responsive Web Design; 11.1 Media Queries, Breakpoints, and Fluid Layouts; 11.2 Multiple Columns; 11.3 Border Images; 11.4 Flexbox; 11.5 Responsive Media; Chapter 12: Designing Mobile Applications; 12.1 Considerations Before You Start; 12.2 Design Considerations; 12.3 The Mobile Platform: Rich with Possibilities; 12.4 Targeting Mobile WebKit; 12.5 Minimize Keyboard Entry; 12.6 Be Succinct; 12.7 Other User Experience Considerations; Chapter 13: Targeting Mobile Devices and Touch; 13.1 Scaling Down to Size; 13.2 Touch Me; 13.3 Hardware Access; 13.4 Testing; Chapter 14: Mobile Performance; 14.1 Battery Life; 14.2 Latency; 14.3 UI Responsiveness; 14.4 In Conclusion; CSS Selectors and Specificity; CSS Selectors Level 3; CSS Selector Cheat Sheet; CSS Selector Specificity; CSS Selectors Level 4; Colophon;