HTML5 web application development by example beginner's guide learn how to build rich, interactive web applications from the ground up using HTML5, CSS3, and jQuery - Gustafson, J. M. (Packt Publishing, 2013)
Cover; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Task at Hand; The components of an HTML5 application; Time for action -- creating the HTML file; Time for action -- creating the CSS file; Time for action -- creating the JavaScript file; The dollar sign identifier; Creating our first application; Time for action -- creating a tasklist; Time for action -- removing a task from the list; Time for action -- moving tasks within the list; HTML templates; Time for action -- implementing a template
Time for action -- editing a task in the listSaving the state of the application; Time for action -- creating a localStorage wrapper; Time for action -- storing the tasklist; Time for action -- loading the tasklist; Summary; Chapter 2: Let's Get Stylish; CSS3 overview; CSS3 colors; Rounded corners; Shadows; Box shadows; Text shadows; Time for action -- styles in action; Backgrounds; Linear gradients; Radial gradients; Background images; CSS sprites; Time for action -- adding a gradient and button images; Transitions; Transforms; Time for action -- effects in action; Dynamic stylesheets
Time for action -- adding a theme selectorFilling the window; Time for action -- expanding the application; Summary; Chapter 3: The Devil is in the Details; HTML5 input types; Color; Date; Email; Number; Range; Time; URL; Datalist; Autofocus; Task details; Time for action -- adding task details; Time for action -- hiding task details; Custom data attributes; Data binding with custom attributes; Time for action -- building a data model; Time for action -- implementing the bindings; Time for action -- loading the task list; Queuing up changes; Time for action -- delaying the saves; Summary
Chapter 4: A Blank CanvasHTML5 canvas; Getting a context; Canvas basics; Clearing the canvas; Context properties; Canvas pad; Time for action -- creating a canvas pad; Time for action -- showing the coordinates; Drawing lines; Paths and strokes; Time for action -- using the mouse to draw; Changing context properties; Time for action -- adding context properties; Creating a toolbar; Time for action -- creating a toolbar; Time for action -- implementing a reusable toolbar; Adding a toolbar; Time for action -- adding the toolbar object; Time for action -- initializing menu items; Adding drawing actions
Time for action -- creating drawing actionsTime for action -- saving and restoring; Adding drawing tools; Time for action -- adding a line tool; Drawing rectangles; Time for action -- adding a rectangle tool; Arcs and circles; Time for action -- adding a circle tool; Summary; Chapter 5: Not So Blank Canvas; Drawing text; Time for action -- adding a text tool; Transformations; Time for action -- adding an Ellipse tool; Time for action -- exporting an image; Handling touch events; Time for action -- adding touch event handlers; Photo Pad; Time for action -- creating Photo Pad; The File API.