HTML5 Fundamentals

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