Synopses & Reviews
HTML5 and CSS3 are the future of web development, but you don't have to wait to start using them. Even though the specification is still in development, many modern browsers and mobile devices already support HTML5 and CSS3. This book gets you up to speed on the new HTML5 elements and CSS3 features you can use right now, and backwards compatible solutions ensure that you don't leave users of older browsers behind.
This book gets you started working with many useful new features of HTML5 and CSS3 right away. Gone are the days of adding additional markup just to style a button differently or stripe tables. You'll learn to use HTML5's new markup to create better structure for your content and better interfaces for your forms, resulting in cleaner, easier-to-read code that can be understood by both humans and programs.
You'll find out how to embed audio, video, and vector graphics into your pages without using Flash. You'll see how web sockets, client-side storage, offline caching, and cross-document messaging can ease the pain of modern web development. And you'll discover how simple CSS3 makes it to style sections of your page. Throughout the book, you'll learn how to compensate for situations where your users can't take advantage of HTML5 and CSS3 yet, developing solutions that are backwards compatible and accessible.
You'll find what you need quickly with this book's modular structure, and get hands-on with a tutorial project for each new HTML5 and CSS3 feature covered. "Falling Back" sections show you how to create solutions for older browsers, and "The Future" sections at the end of each chapter get you excited about the possibilities when HTML5 and CSS3 reach widespread adoption. Get ready for the future---in fact, it's here already.
Synopsis
If you don't know about the new features available in HTML5, now's the time to find out. The latest version of this markup language is going to significantly change the way you develop web applications, and this book provides your first real look at HTML5's new elements and attributes.
Even though work on HTML5 is ongoing, browsers such as Safari, Mozilla, Opera, and Chrome already support many of its features -- and browsers for smart phones are even farther ahead, especially iPhone's MobileSafari browser. With HTML5: Up & Running, you'll learn how this new version enables browsers to interact with JavaScript much more easily than before. You'll also learn how HTML5 can help you develop applications that:
- Display video directly in the browser, without having to rely on plugins
- Work even when a user is offline, by taking advantage of HTML5's persistent storage
- Offer a drawing canvas for dynamically generated 2-D graphics
This concise guide is the most complete and authoritative book you'll find on the subject. Author Mark Pilgrim writes the weekly digest for the HTML5 Working Group, and represents Google at conferences on HTML5's capabilities. Stay ahead of the curve. Order a copy of this book today.
Synopsis
If you don't know about the new features available in HTML5, now's the time to find out. This book provides practical information about how and why the latest version of this markup language will significantly change the way you develop for the Web.
HTML5 is still evolving, yet browsers such as Safari, Mozilla, Opera, and Chrome already support many of its features -- and mobile browsers are even farther ahead. HTML5: Up & Running carefully guides you though the important changes in this version with lots of hands-on examples, including markup, graphics, and screenshots. You'll learn how to use HTML5 markup to add video, offline capabilities, and more -- and youll be able to put that functionality to work right away.
- Learn new semantic elements, such as
- Meet Canvas, a 2D drawing surface you can program with JavaScript
- Embed video in your web pages without third-party plugins
- Use Geolocation to let web application visitors share their physical location
- Take advantage of local storage capacity that goes way beyond cookies
- Build offline web applications that work after network access is disconnected
- Learn about several new input types for web forms
- Create your own custom vocabularies in HTML5 with microdata
Synopsis
HTML5 is revolutionizing the way web applications are developed, and this practical, hands-on book puts you right in the middle of the action. You'll learn how to build interactive multimedia applications with HTML5's Canvas, using this new element to draw, animate, compose images, and more. You'll also learn the best way to use existing JavaScript libraries, as well as how to incorporate related aspects such as audio and video.
Ideal for web developers and experienced Flash and Silverlight developers, HTML5 Canvas shows you how to build several interactive web games as a way to learn the topics presented. The book also includes tips for Flash developers on how to transfer their skills to HTML5 programming. Now is the time to join the HTML5 revolution, and this is the book to get you started.
- Get an introduction to working with HTML 5 Canvas and JavaScript
- Create an application to learn how to use HTML5 text and text animation
- Use the Canvas drawing and animation API to build a progressive breakout-style game
- Learn how to use the image API, and create an application using drag-and-drop
- Create an advanced arcade game to learn about HTML5's
About the Author
Steve is an R.I.A. and web game developer who has been cultivating an audience for news, stories, blogs and tutorials about Flash, Silverlight, and now the HTML 5 Canvas at their own web site, http://www.8bitrocket.com, for the past 3 1/2 years. He has one of the highest Alexa rankings among Flash game developers blogs.
Steve has worked as a web development manager at Mattel Toys for the past 14 years, helping to create Mattels extensive online presence.
Jeff is an R.I.A. and web game developer who has been cultivating an audience for news, stories, blogs and tutorials about Flash, Silverlight, and now the HTML 5 Canvas at their own web site, http://www.8bitrocket.com, for the past 3 1/2 years. He has one of the highest Alexa rankings among Flash game developers blogs.
Jeff has worked as a web development manager at Mattel Toys for the past 14 years, helping to create Mattels extensive online presence.
Table of Contents
Preface; Diving In; Conventions Used in This Book; Using Code Examples; A Note on the Editions of This Book; Safari® Books Online; How to Contact Us; Chapter 1: How Did We Get Here?; 1.1 Diving In; 1.2 MIME Types; 1.3 A Long Digression into How Standards Are Made; 1.4 An Unbroken Line; 1.5 A Timeline of HTML Development from 1997 to 2004; 1.6 Everything You Know About XHTML Is Wrong; 1.7 A Competing Vision; 1.8 What Working Group?; 1.9 Back to the W3C; 1.10 Postscript; 1.11 Further Reading; Chapter 2: Detecting HTML5 Features; 2.1 Diving In; 2.2 Detection Techniques; 2.3 Modernizr: An HTML5 Detection Library; 2.4 Canvas; 2.5 Canvas Text; 2.6 Video; 2.7 Video Formats; 2.8 Local Storage; 2.9 Web Workers; 2.10 Offline Web Applications; 2.11 Geolocation; 2.12 Input Types; 2.13 Placeholder Text; 2.14 Form Autofocus; 2.15 Microdata; 2.16 Further Reading; Chapter 3: What Does It All Mean?; 3.1 Diving In; 3.2 The Doctype; 3.3 The Root Element; 3.4 The Element; 3.5 New Semantic Elements in HTML5; 3.6 A Long Digression into How Browsers Handle Unknown Elements; 3.7 Headers; 3.8 Articles; 3.9 Dates and Times; 3.10 Navigation; 3.11 Footers; 3.12 Further Reading; Chapter 4: Let's Call It a Draw(ing Surface); 4.1 Diving In; 4.2 Simple Shapes; 4.3 Canvas Coordinates; 4.4 Paths; 4.5 Text; 4.6 Gradients; 4.7 Images; 4.8 What About IE?; 4.9 A Complete Example; 4.10 Further Reading; Chapter 5: Video on the Web; 5.1 Diving In; 5.2 Video Containers; 5.3 Video Codecs; 5.4 Audio Codecs; 5.5 What Works on the Web; 5.6 Licensing Issues with H.264 Video; 5.7 Encoding Ogg Video with Firefogg; 5.8 Batch Encoding Ogg Video with ffmpeg2theora; 5.9 Encoding H.264 Video with HandBrake; 5.10 Batch Encoding H.264 Video with HandBrake; 5.11 Encoding WebM Video with ffmpeg; 5.12 At Last, the Markup; 5.13 What About IE?; 5.14 A Complete Example; 5.15 Further Reading; Chapter 6: You Are Here (And So Is Everybody Else); 6.1 Diving In; 6.2 The Geolocation API; 6.3 Show Me the Code; 6.4 Handling Errors; 6.5 Choices! I Demand Choices!; 6.6 What About IE?; 6.7 geo.js to the Rescue; 6.8 A Complete Example; 6.9 Further Reading; Chapter 7: The Past, Present, and Future of Local Storage for Web Applications; 7.1 Diving In; 7.2 A Brief History of Local Storage Hacks Before HTML5; 7.3 Introducing HTML5 Storage; 7.4 Using HTML5 Storage; 7.5 HTML5 Storage in Action; 7.6 Beyond Named Key/Value Pairs: Competing Visions; 7.7 Further Reading; Chapter 8: Let's Take This Offline; 8.1 Diving In; 8.2 The Cache Manifest; 8.3 The Flow of Events; 8.4 The Fine Art of Debugging, a.k.a. "Kill Me! Kill Me Now!"; 8.5 Let's Build One!; 8.6 Further Reading; Chapter 9: A Form of Madness; 9.1 Diving In; 9.2 Placeholder Text; 9.3 Autofocus Fields; 9.4 Email Addresses; 9.5 Web Addresses; 9.6 Numbers As Spinboxes; 9.7 Numbers As Sliders; 9.8 Date Pickers; 9.9 Search Boxes; 9.10 Color Pickers; 9.11 And One More Thing...; 9.12 Further Reading; Chapter 10: "Distributed," "Extensibility," and Other Fancy Words; 10.1 Diving In; 10.2 What Is Microdata?; 10.3 The Microdata Data Model; 10.4 Marking Up People; 10.5 Marking Up Organizations; 10.6 Marking Up Events; 10.7 Marking Up Reviews; 10.8 Further Reading; The All-in-One Almost-Alphabetical Guide to Detecting Everything; List of Elements; Further Reading; Colophon;