Practical HTML5 Projects [electronic resource] /
West, Adrian W.author.
Practical HTML5 Projects is a collection of valuable web techniques that any developer or designer can use. This book is all about saving time. Busy web developers should not have to plow through pages of theory or history only to discover that no practical applications are provided, nor should they have to read a paragraph five times to extract some meaning from it. All of the techniques within this book are explained using fully worked examples that you can immediately apply to your own projects. With each technique the book provides: A practical and useful example (and a screen shot of the end result where applicable). The markup for a fully worked example. A downloadable template to adapt for use in your own websites. With Practical HTML5 Projects, you can dive straight into the book at the required chapter and immediately find answers to your website problems, and find the sample code you can use to get it right. Start creating websites using the practical examples, summaries, and templates. This book includes topics such as rollover navigation menus without scripts, adding audio and video, rounded corners, drop shadows, adding PayPal services, and much more. It also includes sections on troubleshooting and transitioning to HTML5 and CSS3 to help bring your existing content up to date.
Title Page; Copyright Page; Contents at a Glance; Table of Contents; About the Author; About the Technical Reviewer; Acknowledgments; Introduction; The Origin of this Book; Is this Book for You?; What this Book Does and Does Not Cover; The Layout; The Level of Skill Required; HTML5 and CSS3; Minimum Use of Scripts; Conventions Used in this Book; Using the Book's Markup and Templates; WYSIWYG Web Design Programs; Web Design Programs and CMS; Which Browsers?; CHAPTER 1 Moving to HTML5; Moving to HTML5; The HTML5 and XHTML5 DOC; The New Elements in HTML5; The New Semantic Tags
Semantic Tags Are Intended to Dispel AmbiguitiesSimple Examples of Page Layout with Semantic Tags; The Solution for Internet Explorer 7 and 8; The  Tag; A More Complex Example Using Semantic Tags; The Conversion Steps; The  vs.  Controversy; The  Element; The  Tag; The  Tag; The  Tag; The  Tag; The New HTML5 Form Controls; SVG Images; SVG Images Can Be Created for Text; The  and  Tags; APIs (Application Programming Interfaces); A Strategy for Moving to HTML5; Summary; CHAPTER 2 A Rollover Picture Gallery
An Introduction to the TechniqueImage Size and Format; A Single-Column Gallery; A Two-Column Gallery; A Mixture of Sizes and Formats in Three Columns; Differing Formats; More Columns and More Rows; Placing the Gallery Within a Real Web Page; Summary; CHAPTER 3 Backgrounds; Overview; Create Gradient Backgrounds; Using a Gradient Image; Downloading Examples; A Background Header Image; Overlay a Background Image with Text; Superimpose an Image on the Header; What About Backgrounds in Semi-Liquid Layouts?; Transparent Backgrounds; Background Bullets; Multiple Backgrounds Using HTML5 and CSS2
Multiple Backgrounds Using CSS3Multiple CSS2 and Images in a Real-World Page; The Rules for CSS Background Images; Positioning a Single Non-Repeating Background Image; Specifying a Repeating Tiled Background; Creating a Static Watermark as a Background Image; Summary; CHAPTER 4 Rollover Menus; Horizontal Rollover Navigation Menus; The Types of Horizontal Menu; Simple 2D Button Menu; A Variable-Width Horizontal 2D Button Menu; 3D Rollover Button Menus; Variable-Width 3D Menu Buttons; A 3D Version with Equal-Width Buttons; Which 3D Buttons to Choose: ul/li or dl/dt?; Tabbed Horizontal Menus
Tutorial for the Tabbed MenuHorizontal Menus with Rounded Tabs; Horizontal Tab Menus Using an Image; Using Button Images for Tabs; Sliding Doors Technique; Vertical Rollover Navigation Menus; Create an Active-Page Button; Horizontal and Vertical Menus on the Same Page; Summary; CHAPTER 5 Moving to CSS3; CSS3 Gradients; Linear Gradients; Radial Gradients; CSS3 Opacity and RGBA Colors; New CSS3 Selectors and Elements; ::first letter; ::first line; ::before; :nth-child(); Font Selectors; Using Current, Future, and Other Modules; Summary; CHAPTER 6 Audio, Video, and Slide Shows
When to Use Audio and Video (AV)
Includes index.
Practical HTML5 Projects is a collection of valuable web techniques that any developer or designer can use. This book is all about saving time. Busy web developers should not have to plow through pages of theory or history only to discover that no practical applications are provided, nor should they have to read a paragraph five times to extract some meaning from it. All of the techniques within this book are explained using fully worked examples that you can immediately apply to your own projects. With each technique the book provides: A practical and useful example (and a screen shot of the end result where applicable). The markup for a fully worked example. A downloadable template to adapt for use in your own websites. With Practical HTML5 Projects, you can dive straight into the book at the required chapter and immediately find answers to your website problems, and find the sample code you can use to get it right. Start creating websites using the practical examples, summaries, and templates. This book includes topics such as rollover navigation menus without scripts, adding audio and video, rounded corners, drop shadows, adding PayPal services, and much more. It also includes sections on troubleshooting and transitioning to HTML5 and CSS3 to help bring your existing content up to date.
Computer programming.
Software engineering.
Web Development.
Software Engineering/Programming and Operating Systems.