HTML5 For Masterminds.pdf

HTML5

for Masterminds

(1st Edition)

J.D Gauchat

Edited by: Laura Edlund

www.lauraedlund.ca

No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including

photocopying, recording, or by any information storage or retrieval system, without the prior written permission of the copyright

owner.

Companies, services, or products names used in this ebook are for identification purposes only. All trademarks and registered

trademarks are the property of their respective owners.

The information in this ebook is distributed on an “as is” basis, without warranty. Although every precaution has been taken in the

preparation of this work, neither the author nor Mink Books shall have any liability to any person or entity with respect to any loss

or damage caused or alleged to be caused directly or indirectly by the information contained in this work.

The source code for this ebook is available at www minkbooks.com

Registration Number: 1086517

Smashwords Edition 2011

Table of Contents

Table of Contents

Introduction

Chapter 1—HTML5 Documents

Basic Components

Global Structure

<!doctype>, <html>, <head>, <body>, <meta>, <title>, <link>

The Body Structure

Organization, <header>, <nav>, <section>, <aside>, <footer>

Deep Inside the Body

New and Old Elements

Quick Reference—HTML5 Documents

Chapter 2—CSS Styling and Box Models

CSS and HTML

Styles and Structure

Block Elements, Box Models

Basics about Styling

Inline Styles, Embedded Styles, External Files, References, Referencing by Keyword, Referencing by the Id Attribute, Referencing

by the Class Attribute, Referencing by Any Attribute, Referencing by Pseudo-Classes, New Selectors, Applying CSS to Our

Template

Traditional Box Model

Template, Universal Selector *, New Heading Hierarchy, Declaring New HTML5 Elements, Centering the Body, Creating the

Main Box, The Header, Navigational Bar, Section and Aside, Footer, Last Touches, Box-Sizing

Flexible Box Model

Understanding the Flexible Box Model

Display, Box-Orient, Box-Direction, Box-Ordinal-Group, Box-Pack, Box-Flex, Box-Align

Quick Reference—CSS Styling and Box Models

Flexible Box Model, Pseudo-Classes and Selectors

Chapter 3—CSS3 Properties

The New Rules

CSS3 Goes Crazy, Template, Border-Radius, Box-Shadow, Text-Shadow, @font-face, Linear Gradient, Radial Gradient, RGBA,

HSLA, Outline, Border-Image, Transform and Transition, Transform: Scale, Transform: Rotate, Transform: Skew, Transform:

Translate, Transforming All at Once, Dynamic Transformations, Transitions

Quick Reference—CSS3 Properties

Chapter 4—Javascript

The Relevance of Javascript

Incorporating Javascript

Inline, Embedded, External File

New Selectors

querySelector(), querySelectorAll()

Event Handlers

Inline Event Handlers, Event Handlers as Properties, The addEventListener() Method

APIs

Canvas API, Drag and Drop API, Geolocation API, Storage APIs, File APIs, Communication APIs, Web Workers API, History

API, Offline API

External Libraries

jQuery, Google Maps

Quick Reference—Javascript

Elements, Selectors, Events, APIs

Chapter 5—Video and Audio

Playing Video with HTML5

The <video> Element, <video> Attributes

Programming a Video Player

The Design, The Code, The Events, The Methods, The Properties,

The Code at Work

Video Formats

Playing Audio with HTML5

The <audio> Element

Programming an Audio Player

Quick Reference—Video and Audio

Elements, Attributes, Video Attributes, Events, Methods,Properties

Chapter 6—Forms and Forms API

HTML Web Forms

The <form> Element, The <input> Element, Email Type, Search Type, URL Type, Tel Type, Number Type, Range Type, Date

Type, Week Type, Month Type, Time Type, Datetime Type, Datetime-local Type, Color Type

New Attributes

placeholder Attribute, required Attribute, multiple Attribute, autofocus Attribute, pattern Attribute, form Attribute

New Form Elements

The <datalist> Element, The <progress> Element, The <meter> Element, The <output> Element

Forms API

setCustomValidity(), The Invalid Event, Real-Time Validation, Validity Constraints, willValidate

Quick Reference—Forms and Forms API

Types, Attributes, Elements, Methods, Events, Status

Chapter 7—Canvas API

Preparing the Canvas

The <canvas> Element, getContext()

Drawing on Canvas

Drawing Rectangles, Colors, Gradients, Creating Paths, Line Styles, Text, Shadows, Transformations, Restoring Status,

globalCompositeOperation

Processing Images

drawImage(), Images Data, Patterns

Animations on Canvas

Processing Video on Canvas

Quick Reference—Canvas API

Methods, Properties

Chapter 8—Drag and Drop API

Drag and Drop for the Web

New Events, dataTransfer, dragenter, dragleave and dragend, Selecting a Valid Source, setDragImage(), Files

Quick Reference—Drag and Drop API

Events, Methods, Properties

Chapter 9—Geolocation API

Finding your Place

getCurrentPosition(location), getCurrentPosition(location, error), getCurrentPosition(location, error, configuration),

watchPosition(location, error, configuration), Practical Uses with Google Maps

Quick Reference—Geolocation API

Methods, Objects

Chapter 10—Web Storage API

Two Storage Systems

sessionStorage

Data Storage Implementation, Creating Data, Reading Data, Deleting Data

localStorage

storage Event, Storage Space

Quick Reference—Web Storage API

Storage Type, Methods, Properties, Events

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: