HTML5 Fundamentals

Video description

Build great sites and applications for any platform

HTML5 lets you program for features, not browser versions, giving you much more control and flexibility over your sites and apps while freeing you from worrying about the quirks of any specific platform. Learn how to create impressive, interactive websites and web apps that include video and audio, dynamic drawings, geolocation, offline availability, drag-and-drop, and many other features.

Publisher resources

Download Example Code

Table of contents

  1. HTML5 And CSS - An Introduction To Modern Web Development
  2. About The Author
  3. Overview Of The Course
  4. Setting Up Your Workspace
  5. A Simple HTML Document
  6. The Basic Structure Of A Website
  7. Moving Files From Your Computer To A Webserver
  8. What Is HTML?
  9. HTML Syntax
  10. The Doctype
  11. The Document Head
  12. The Document Body
  13. Understanding Block And Inline Elements
  14. Paragraphs And Line Breaks
  15. Div And Span
  16. Links
  17. Images
  18. Basic Lists
  19. Lists Of Lists
  20. Tables
  21. Validation
  22. Understanding Document Structure In HTML
  23. Quotes
  24. Articles
  25. Navigation
  26. Figures
  27. Sections
  28. Headers And Footers
  29. Aside
  30. What Is CSS?
  31. Adding CSS To An HTML Document
  32. Basic CSS Selectors
  33. Grouping CSS Selectors
  34. Using Shorthand
  35. CSS Units
  36. Color In CSS
  37. The Cascade
  38. Understanding Web Typography
  39. Text Size
  40. Text Weight And Style
  41. Using Fonts
  42. Pseudo-Class Selectors
  43. Styling Links
  44. Dynamic Pseudo-Class Selectors - The Hover State
  45. Background Color In CSS
  46. Adding A Background Image To A Page
  47. Using Background Images On Other Elements
  48. Styling A Blockquote With Multiple Background Images
  49. Gradients With CSS
  50. Shadows In CSS
  51. Opacity And Transparency
  52. The CSS Layout Model
  53. Margins And Padding
  54. Borders
  55. Absolute Positioning
  56. Relative Positioning
  57. The Basics Of Float
  58. Clearing Floats
  59. Building A Simple, Floated Layout
  60. Styling The Navigation Sidebar
  61. Styling The Page Header
  62. Styling The Page Footer
  63. Understanding The Role Of Forms On The Web
  64. The Form Element
  65. The Input Element
  66. Form Labels
  67. Text Areas
  68. Buttons
  69. File Input Fields
  70. Hidden Fields
  71. Checkboxes And Radio Buttons
  72. Select Lists
  73. Fieldsets And Legends
  74. Laying Out A Simple Form
  75. Styling Our Form With CSS
  76. Advanced Form Styling Tips
  77. The Audio Element
  78. The Video Element
  79. Providing Fallbacks For Older Browsers
  80. What Is Responsive Design?
  81. Media Queries
  82. Images In Responsive Design
  83. A Simple Layout With Three Breakpoints
  84. Testing Different Platforms
  85. Debugging CSS Problems
  86. Accessibility Tips
  87. Common Problems When Making Websites Live
  88. Resources And Where To Get Help
  89. What You Will Learn
  90. About The Author
  91. Tools We Will Need
  92. A Brief History Of How We Got Here
  93. Understanding Video Containers And Codecs
  94. Understanding Audio Containers And Codecs
  95. Current Browser Support for Audio And Video Formats
  96. The Basics Of Inserting Video With HTML5
  97. The Basics Of Inserting Audio With HTML5
  98. Setting Media Playback Dimensions
  99. Setting Up Fallback Video Formats
  100. Setting Up Fallback Audio Formats
  101. Pre-Loading Your Web Videos
  102. Muting Media
  103. Using Autoplay With Your Videos
  104. Looping Media Playback
  105. Inserting Video Poster Frames
  106. Providing Flash Fallback For Older Browsers
  107. Fallback With Download Links
  108. Adding Subtitles And Captions With The Track Element
  109. Mobile Playback With Responsive Video
  110. Using Video Embed Builders
  111. Encoding MP4 Video With Handbrake
  112. Encoding Ogg And WebM With Firefogg
  113. Encoding Audio With VLC
  114. Where To Go From Here
  115. About Ben Jaffe And What You Will Learn
  116. A Quick Introduction to HTML5
  117. The HTML5 Autocomplete Attribute
  118. Creating Autocomplete Inputs With HTML5
  119. Creating Autocomplete Inputs With Fallback
  120. Creating Autocomplete Inputs With JQueryUI
  121. Autofocus
  122. Cross-Browser Autofocus With Fallback
  123. Placeholder Text
  124. Cross-Browser Placeholder Text With Fallback
  125. Checked, Disabled And Spellcheck
  126. Required Fields
  127. New Input Types - Part 1
  128. New Input Types - Part 2
  129. New Input Types - Part 3
  130. Web Shims And Polyfills - Part 1
  131. Web Shims And Polyfills - Part 2
  132. Welcome and Set Up
  133. What is the Mobile Web
  134. Browsers and Platforms
  135. Mobile Web Strategies
  136. Creating a Development Environment
  137. Chrome Mobile Emulation
  138. Emulating iOS
  139. Emulating Android
  140. Emulating Windows, BlackBerry and Firefox OS
  141. Working with Real Devices
  142. Remote Debugging Safari
  143. Remote debugging Chrome
  144. Remote Debugging for Others
  145. Other Tools
  146. Basic Template
  147. CSS Pixels and Screens on the Market
  148. Viewport Basics
  149. Advanced Viewport Declarations
  150. CSS Media Queries
  151. CSS Mobile Tricks
  152. Client-side and Server-side Detection
  153. Basic Form Template
  154. Virtual Keyboards
  155. Native Input Controls
  156. Form Validation
  157. Advanced Auto-Complete Options
  158. Images
  159. Canvas API
  160. Video and Audio
  161. Overview on JavaScript for Mobile
  162. Network Communications and Data Storage
  163. Geolocation
  164. Accelerometer, Magnetometer and Gyroscope
  165. Touch, Gesture and Pointer Events
  166. Camera
  167. Calling Native Apps
  168. Integrating with Our Native App
  169. Home Screen Web Apps Overview
  170. Icons and Meta Tags
  171. Closing

Product information

  • Title: HTML5 Fundamentals
  • Author(s): Rachel Roumeliotis
  • Release date: September 2015
  • Publisher(s): O'Reilly Media, Inc.
  • ISBN: 9781491943045