HTML5 Tutorials
The newest frontier this site hopes to explore and provide tutorials on is HTML5. This section is so new that the paint hasn't even dried yet! If you have any suggestions or requests for tutorials you would like to see here, feel free to chime in.
Basics / Overview
- Getting Your Feet Wet with HTML 5
- Revisiting Some (Old) Tags in HTML 5
- HTML5 Local Storage
- Naming via Class, ID, and Name
CSS
- Anatomy of a CSS Style 101
- CSS Selectors: Type, Class, and ID
- CSS Attribute Selectors
- Styling Links in CSS
- Rounding Corners using CSS3
- Grabbing All Available Space
- Changing Selection Color using CSS
- Drop Shadows in CSS3
- Centering Vertically and Horizontally
- Changing the Default Focus Styles
- Clipping Content Using CSS
- Making the First Letter Stand Out
- Hiding Things using CSS
Animation
- Intro to Property-Based Animations
- Creating a Simple CSS Animation
- Looking at CSS3 Transitions
- CSS3: Animations vs. Transitions
- Frame Rates and HTML/JavaScript
- Animations and the HTML5 Canvas
- Animating Many Things on a Canvas
- Creating Falling Snow in HTML/JS
- Easing Functions in CSS3
JavaScript
- If and Else Statements in JS
- Running Scripts at the "Right" Time
- Variable Scope in JavaScript
- Arrays in JavaScript
- Loading a Random Page Inline
- Referencing HTML Elements via JavaScript
- Image Rollover with Preload
- Changing CSS using JavaScript
- Tracking JavaScript Events using Google Analytics
- JavaScript Events
- Page Navigation on Click
- Hashtables vs. Arrays
- Random Numbers in JavaScript
- Advanced Random Numbers in JavaScript
- Random Colors in JavaScript
- Viewport, Device, and Document Size
Art and Design
Common Tasks
- Creating Printer Friendly Pages
- Creating an E-Mail Contact Form
- Creating an Awesome Search Box
- Create an Awesome Contact Page
- Common .htaccess Tricks
- Creating a Vertical CSS List Menu
- Creating a Horizontal CSS List Menu
- Counting in Hexadecimal
Other Resources
