O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Path: 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.

Table of Contents

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