HTML5

• 1 - Introduction
• 2 - Creating a Basic Template
• 3 - Setting up the body
• 4 - Adding the Meat!
• 5 - Attribute Selectors
• 6 - Introduction to pseudo-classes
• 7 - negation pseudo-class
• 8 - Sweet New CSS3 Selectors
• 9 - Laying Out the Website
• 10 - Starting the Styling
• 11 - Styling the Navigation Menu
• 12 - Making Everything Pretty
• 13 - Finishing the Layout
• 14 - Flexible Box Model
• 15 - Styling the Header and Navigation
• 16 - Finishing the Flexible Box Model Layout
• 17 - Reversing the Box Order
• 18 - More Flexible Box Model Tricks!
• 19 - Finishing up the Flexible Box Model
• 20 - Rounded Corners and Shadows!
• 21 - Text Shadows, Gradients, and Alpha
• 22 - Crazy Transformations
• 23 - Animating with Transitions
• 24 - Making Awesome Rollover Buttons
• 25 - Working with JavaScript in HTML5
• 26 - querySelectorAll
• 27 - Playing Video on Your Website
• 28 - How to Customize Your Video Player
• 29 - Making Your Skin Look Pretty!
• 30 - Styling the Default and Progress Bars
• 31 - Programming the Video Player
• 32 - Playing and Pausing the Movie
• 33 - How to Update the Progress Bar
• 34 - Finishing Up the Video Player!
• 35 - The Canvas Element
• 36 - Drawing Shapes on the Canvas
• 37 - Gradients on the Canvas
• 38 - Making Sweet Custom Shapes!
• 39 - Working with Text and Shadows
• 40 - Transformations
• 41 - Saving and Restoring the Canvas
• 42 - Images on the Canvas
• 43 - Animation for Games!
• 44 - Drag and Drop
• 45 - Working on the Drag and Drop Program
• 46 - Finishing the Drag and Drop Program!
• 47 - Spice it Up
• 48 - Web Storage API
• 49 - Making the Web Storage Program Pretty
• 50 - Saving Data
• 51 - Retrieving and Displaying Stored Data
• 52 - Making Something Useful
• 53 - Saving Data While Visiting Other Websites

Feel free to donate to help support thenewboston. All contributions will be used to upgrade the website, buy new software, and enhance the quality of our tutorials. Thank you so much to all of those who have contributed!