HTML5 and JavaScript projects
(eBook)

Title Page; Copyright Page; Contents at a Glance; Table of Contents; About the Author; About the Technical Reviewer; Acknowledgments; Introduction; Who Is This Book For?; How Is This Book Structured?; CHAPTER 1 Building the HTML5 Logo -Drawing on Canvas, with Scaling, and Semantic Tags; Introduction; Project History and Critical Requirements; HTML5, CSS, and JavaScript features; Drawing paths on canvas; Placing text on canvas and in the body of a document; Coordinate transformations; Using the range input element; Building the application and making it your own.

Testing and uploading the applicationSummary; CHAPTER 2 Family Collage:Manipulating Programmer-defined Objects on a Canvas; Introduction; Critical Requirements; HTML5, CSS, and JavaScript features; JavaScript objects; Rect; Oval; Picture; Heart; Drawing; Checking for mouse over object; User interface; Saving the canvas to an image; Building the application and making it your own; Testing and uploading the application; Summary; CHAPTER 3 Bouncing Video: Animating and Masking HTML5 Video; Introduction; Project History and Critical Requirements; HTML5, CSS, and JavaScript Features.

Definition of the Body and the Window DimensionsAnimation; Video Drawn on Canvas and As a Movable Element; Video Drawn on Canvas; Movable Video Element; Looping Video; Traveling Mask; User Interface; Building the Application and Making It Your Own; Making the Application Your Own; Testing and Uploading the Application; Summary; CHAPTER 4 Map Maker: Combining Google Maps and the Canvas; Introduction; Latitude & Longitude and Other Critical Requirements; HTML5, CSS, and JavaScript Features; Google Maps API; Canvas Graphics; Cursor; Events; Calculating Distance and Rounding Values for Display.

Building the Application and Making It Your OwnTesting and Uploading the Application; Summary; CHAPTER 5 Map Portal: Using Google Maps to Access Your Media; Introduction; Project History and Critical Requirements; HTML5, CSS, and JavaScript Features; Google Maps API for Map Access and Event Handling; Project Content; Presentation and Removal of Video, Audio and Images; Distances and Tolerances; Regular Expressions; External Script File; Dynamic Creation of HTML5 Markup and Positioning; Hint Button; Shuffling; Building the Application and Making It Your Own; The Mapvideos Application.

The Mapmediabase ApplicationThe Quiz Application; Testing and Uploading the Application; Summary; CHAPTER 6 Where am I: Using Geolocation, the Google Maps API, and PHP; Introduction; Geolocation and Other Critical Requirements; HTML5, CSS, JavaScript, and PHP Features; Geolocation; Reverse Geocoding; Clicking the Map; Checking E-mail Address Input and Invoking PHP to send e-mail; A Brief Introduction to the PHP Language; Building the Application and Making It Your Own; Testing and Uploading the Application; Summary.