Book description
Use the latest version of HTML to create dynamic Web pages
HTML5 is the latest iteration of the standard markup language for creating Web pages. It boasts extensive updates from its predecessor and allows you to incorporate rich media content into a site without any dependence on extra software such as Flash. Packed with hundreds of screen shots, this visual guide introduces you to the many new features and abilities of HTML5 and shows you the many exciting new possibilities that exist for designing dynamic Web pages.
Offers visual learners a solid reference on HTML5, the latest version of the standard markup language for designing Web pages
Demonstrates how to use HTML5 to create Web pages that feature the latest in rich media content
Provides easy-to-understand examples that cover a variety of topics to get you up and running with HTML5
Features a companion Web site that contains all the code needed to learn HTML5
HTML5: Your visual blueprint for designing effective Web pages opens your eyes to the world of possibilities that exist with the new version of the popular markup language.
Adam R. McDaniel is a Web developer, technical architect, and security analyst, who has contributed to the Linux Kernel.
Table of contents
- Cover Page
- Title Page
- Copyright
- Credits
- About the Author
- How to Use This Visual Blueprint Book
- TABLE OF CONTENTS
-
CHAPTER 1: Introducing HTML5
- INTRODUCING HTML5
- UNDERSTANDING HTML5 WEB BROWSERS
- UNDERSTANDING BACKWARD COMPATIBILITY
- UNDERSTANDING THE HISTORY OF MARKUP LANGUAGES
- INTRODUCING THE NEW AND CHANGED HTML5 TAGS AND ATTRIBUTES
- UNDERSTANDING OBSOLETE HTML TAGS AND ATTRIBUTES
- VALIDATE A WEBSITE FOR HTML5 COMPLIANCE
- VALIDATE A WEB BROWSER FOR HTML5 SUPPORT
- SUPPORT HTML5 IN INTERNET EXPLORER WITH A PLUG-IN
-
CHAPTER 2: Getting Started with HTML5 Page Layout
- CREATE AN HTML5 WEB PAGE
- UNDERSTANDING THE SEMANTIC LAYOUT IN HTML5
- DECLARE HEADER AND FOOTER LAYOUT ELEMENTS
- DECLARE A NAVIGATION LAYOUT ELEMENT
- DECLARE SECTION AND ARTICLE LAYOUT ELEMENTS
- DECLARE HEADING AND PARAGRAPH LAYOUT ELEMENTS
- DECLARE FIGURE AND ASIDE LAYOUT ELEMENTS
- ASSIGN CSS STYLES TO LAYOUT ELEMENTS
- PROVIDE A FALLBACK FOR OUTDATED WEB BROWSERS
- ANNOUNCE HTML5 SUPPORT
- RESIZE YOUR WEBSITE FOR MOBILE WEB BROWSERS
- CHAPTER 3: Using New HTML5 User Interface Tags and Attributes
-
CHAPTER 4: Styling with CSS3
- INTRODUCING CSS3
- VALIDATE A WEB BROWSER FOR CSS3 SUPPORT
- SELECT AN HTML ELEMENT USING ITS CLASS OR ID
- SELECT AN HTML ELEMENT USING AN ATTRIBUTE
- SELECT AN HTML ELEMENT USING A SPECIFIC ATTRIBUTE VALUE
- SELECT AN HTML ELEMENT USING A PARTIAL ATTRIBUTE VALUE
- SELECT AN HTML ELEMENT USING THE STRUCTURAL TYPE PSEUDO-CLASS
- SELECT AN HTML ELEMENT USING THE STRUCTURAL CHILD PSEUDO-CLASS
- SELECT AN HTML ELEMENT BY ITS SIBLING ELEMENT
- SELECT HTML ELEMENTS USING A NEGATING PSEUDO-CLASS
- SELECT HTML ELEMENTS BY USER SELECTION
- CHANGE AN ELEMENT’S BACKGROUND IMAGE
- CUSTOMIZE AN ELEMENT’S FONT
- FORMAT TEXT OVERFLOW INSIDE AN ELEMENT
- CHAPTER 5: Enhancing Your Web Page Visually with CSS3
-
CHAPTER 6: Creating Boxes and Columns with CSS3
- INTRODUCING THE FLEXIBLE BOX MODEL
- CREATE A HORIZONTAL FLEXIBLE BOX MODEL
- CREATE A VERTICAL FLEXIBLE BOX MODEL
- STRETCH AND SHRINK OBJECTS IN A FLEXIBLE BOX
- HORIZONTALLY PACK OBJECTS WITHIN A FLEXIBLE BOX
- VERTICALLY ALIGN OBJECTS WITHIN A FLEXIBLE BOX
- REORDER OBJECTS IN A FLEXIBLE BOX
- INTRODUCING MULTI-COLUMN LAYOUTS
- CREATE A MULTI-COLUMN LAYOUT
- ADD A RULER AND GAP IN BETWEEN COLUMNS
- SPAN OBJECTS HORIZONTALLY ACROSS COLUMNS
-
CHAPTER 7: Creating HTML5 Form Inputs
- CREATE A NUMBER INPUT TYPE
- CREATE A TELEPHONE INPUT TYPE
- CREATE AN EMAIL INPUT TYPE
- CREATE A URL INPUT TYPE
- CREATE A SEARCH INPUT TYPE
- REQUIRE A VALUE IN AN INPUT FIELD
- SET A PLACEHOLDER FOR AN INPUT FIELD
- AUTO-FOCUS ON AN INPUT FIELD
- DISABLE AUTO-COMPLETION OF INPUT TEXT
- USING SPEECH INPUT
- CREATE A DROP-DOWN LIST FOR TEXT INPUT SUGGESTIONS
- RESTRICT INPUT VALUES USING PATTERN MATCHING
- CREATE A DATE INPUT TYPE
- CREATE A RANGE INPUT TYPE
- CREATE A COLOR INPUT TYPE
- LINK AN INPUT FIELD TO A SPECIFIC FORM
-
CHAPTER 8: Using jQuery with HTML5
- INTRODUCING JQUERY
- DOWNLOAD JQUERY
- LOAD JQUERY
- EXECUTE JQUERY METHODS ON ELEMENTS
- MANIPULATE HTML ELEMENTS VIA THE DOM
- CUSTOMIZE BROWSER EVENTS WITH JQUERY
- HIDE AND SHOW CONTENT WITH JQUERY
- ADD AND REMOVE CSS CLASSES ON ELEMENTS WITH JQUERY
- SEND CUSTOM HTML ATTRIBUTE DATA INTO JQUERY
- USING SCROLLING TRANSITIONS WITH JQUERY
- CHAPTER 9: Inspecting and Debugging Your Website
-
CHAPTER 10: Drawing with the HTML5 Canvas
- INTRODUCING THE HTML5 CANVAS
- DECLARE A CANVAS ELEMENT
- DRAW BASIC RECTANGLES ON THE CANVAS
- DRAW PATHS ON THE CANVAS
- DRAW TEXT ON THE CANVAS
- USING SOLID COLOR ON THE CANVAS
- USING LINEAR GRADIENT COLORS ON THE CANVAS
- USING RADIAL GRADIENT COLORS ON THE CANVAS
- DRAW AN IMAGE ON THE CANVAS
- SCALE A CANVAS IMAGE
- CROP A CANVAS IMAGE
- QUERY INDIVIDUAL CANVAS PIXELS
- TRACK MOUSE ACTIVITY ON THE CANVAS
- TRANSLATE THE X- AND Y-AXES
- ROTATE THE X- AND Y-AXES
- CREATE ANIMATIONS ON THE CANVAS
-
CHAPTER 11: Adding HTML5 Multimedia
- INTRODUCING HTML5 AUDIO AND VIDEO
- UNDERSTANDING AUDIO AND VIDEO FORMATS
- INSTALL A MOVIE ENCODER
- REENCODE MOVIES WITH THE MIRO VIDEO CONVERTER
- PLAY MOVIES WITH THE HTML5 VIDEO ELEMENT
- PLAY SOUND WITH THE HTML5 AUDIO ELEMENT
- CONTROL AUDIO AND VIDEO PLAYBACK WITH JAVASCRIPT
- EMBED A MOVIE PLAYER WITH VIDEOJS
- CHAPTER 12: Using Drag and Drop in HTML5
-
CHAPTER 13: Storing Data Using a Client-Side Database
- INTRODUCING CLIENT-SIDE STORAGE IN HTML5
- STORE DATA USING THE WEB STORAGE API
- RETRIEVE DATA FROM THE WEB STORAGE API
- USING THE CORRECT INDEXEDDB API
- OPEN AN INDEXEDDB DATABASE
- CREATE A NEW IyNDEXEDDB OBJECT STORE
- STORE AN OBJECT USING THE INDEXEDDB API
- RETRIEVE OBJECTS USING THE INDEXEDDB API
- DELETE AN OBJECT USING THE INDEXEDDB API
- DELETE AN INDEXEDDB OBJECT STORE
- CHAPTER 14: Providing Offline Access to Web Applications
- CHAPTER 15: Using Geolocation
- CHAPTER 16: Running Secondary JavaScript Threads Using Web Workers
- CHAPTER 17: Communicating with WebSockets
- CHAPTER 18: Displaying Desktop Notifications
- APPENDIX A: HTML5 Reference
- Index
Product information
- Title: HTML5: Your visual blueprint™ for designing rich web pages and applications
- Author(s):
- Release date: November 2011
- Publisher(s): Visual
- ISBN: 9780470952221
You might also like
book
HTML5 Unleashed
HTML5 Unleashed is the authoritative guide that covers the key web components driving the future of …
book
Adobe Photoshop Elements Visual QuickStart Guide
Master Adobe's friendliest tool for editing photos and making digital artwork, Photoshop Elements 2022, quickly and …
book
HTML5 Pocket Reference, 5th Edition
Need help finding the right HTML5 element or attribute for your web page or application? HTML5 …
book
AMP: Building Accelerated Mobile Pages
Engineer naturally lean web pages and leverage the latest web platform features to dramatically boost page …