SMASHING HTML5

Introduction 1
PART I: THE LANGUAGE OF THE WEB 5

Chapter 1: Introducing HTML5
Creating with Tags: An Overview
Incorporating the new HTML5 elements
Using continued tags from HTML4
Forgetting or replacing discontinued tags
Choosing a Browser to Interpret HTML5
Mozilla Firefox
Google Chrome
Opera
Apple Safari
Microsoft Internet Explorer 9
Previewing diff erent displays
Take the Wheel

Chapter 2: Understanding HTML5 Tags
Parsing Code
Understanding HTML5 and related files
Learning which fi les work with the Web
Knowing How Tags Work
Starting off with the basic HTML tag
Describing your page with tags
Identifying the parts of a tag
Understanding the role of the comment tag
Nesting Tags
Take the Wheel

Chapter 3: Text Tags and a Little CSS3
Th e Fundamentals
A little more organization
Th inking about structure
Adding More HTML5 Structure
Adding Style to Text with CSS3
Styling HTML5 elements with CSS3 properties
Creating CSS3 classes and IDs
Take the Wheel

Chapter 4: Working with Color Values
Understanding RGB Color
Using names
RGB and HSL percentages
RGB decimal integer settings
Hexadecimal settings: Thinking like your computer
Adding Transparency to Color
Creating a Color Scheme
From a base color
From an image
Integrating Your Color Palette with Your Web Page
Take the Wheel

PART II: PAGES, SITES, AND DESIGNS

Chapter 5: Organizing a Page
Th e Top of the HTML5 Document
Setting your home base
Adding character to your site with metadata
Knowing when you need a script
A Design in Sections
Getting Your Stuff Organized
Paragraphs, divisions, and lists
Grouping without fracturing
Figures and captions
Organizing Files
Image organization and reference
Absolute reference
Relative reference
Take the Wheel

Chapter 6: Displaying Data with Tables
CSS3 Table Properties for HTML5
Tables and Tabular Data
Table basics
Styling a Table
Adding borders with CSS3
Data clarifi cation with background colors
Complex Tables
Using the rowspan and colspan attributes
Practical spans in tables
Take the Wheel

Chapter 7: All About Links
Th e Link Element and Its Key Attributes
Alternate style sheets
Link icons

Chapter 8: Navigation Strategies
Web Navigation Concepts
Designer navigation and user navigation
Global navigation
Using JavaScript to Call a Linked Page
Creating Consistency
Vertical and horizontal navigation
Applying CSS3 pseudo-classes
Understanding the HTML5 mechanics of vertical navigation
Using graphic icons in navigation
Single-Page Web Sites with Iframes
Linking to a graphic
Making and using thumbnail icons
Using iframes on mobile devices
Take the Wheel

PART III: MEDIA IN HTML5

Chapter 9: Images
Th e Basics of HTML5 Image Files
Formats and pixels matter
Preserving layers in Web graphics
Working with Graphic File Sizes
Using graphic applications to modify image fi le size
Placing Images and Creating Flexible Web Pages
Image placement with the align attribute
Flexible image size with a little JavaScript
Application for Dynamic SVG files from
Adobe Illustrator CS5 files
Take the Wheel

Chapter 10: Sound
Th e Basics of Audio in HTML5
Autoplay
Controls
Preload
Loop
Browser Support for Audio

Chapter 11: Video
Making an HTML5 Page with Video
Video and Browser Compatibility
Make mine WebM: Th e Miro Video Converter
Converting to 3GP: Adobe Media Encoder CS5
Making Videos for the Web
Webcams
Small camcorders
Standard camcorders
Screen video capture
Video and Source Attributes
Src
Poster
Preload
Loop
Autoplay
Controls
Width and Height
Take the Wheel

PART IV: DYNAMIC HTML5 TAGS PLUS A LITTLE
JAVASCRIPT AND PHP

Chapter 12: Adding Just Enough JavaScript
Inserting JavaScript into HTML5 Pages
JavaScript in external files
Functions
Event handlers
Using the Document Object Model
How the DOM works with your page and JavaScript
HTML5 elements and the DOM
Storing Temporary Values
Variables
Arrays
Objects
Take the Wheel

Chapter 13: Th undering Your Site with Canvas
Canvas Basics
A simple canvas implementation
Images in canvas and shadows
Creating Complex Drawings with Canvas
Lines and movement
Curves
Take the Wheel

Chapter 14: Adding Forms
Adding a Form
General form attributes
Th e form as part of the DOM
Th e Many Kinds of Input
Th e list attribute, the URL type, and datalists
Radio buttons and check boxes: Easy-to-select input elements
Date picker
Take the Wheel

Chapter 15: Embedding Objects and Storing Information
Geolocation
Finding latitude and longitude
Getting the map
Working with the geolocation properties and the
Google Earth plug-in
Storage in HTML5
Session storage
Local storage
Adding and Adjusting Objects in HTML5 Web Pages
Adding an object
Adjusting an object
Take the Wheel

Chapter 16: Catching Interactive Data
Server-Side Languages and HTML5
Setting up PHP on your computer
Download this tutorial here

Kindly Bookmark this Post using your favorite Bookmarking service: