Mozilla plenty of tools, reference sheets, and demos

Code Pen play in this page instead of mucking up your code

Learn How with Shay Howe supplementary CSS and HTML knowledge

• HTML5 Doctor
• HTML5 Boilerplate
• CodePen
• Mozilla Developer Network
• Can I Use?
• HTML5 And The Document Outlining Algorithm
• The New Bulletproof @Font-Face Syntax
• HTML5 Outliner
• HTML5 Outliner Chrome Extension
• Datalist Experiment
• Box-Shadow Demonstration
• transition-timing-function – MDN
• Autoprefixer
• Dash
• JavaScript Regular Expressions – MDN
• Art Gallery Blog Source

http://www.cnet.com/how-to/add-a-mute-button-to-chrome-tabs/

http://necolas.github.io/normalize.css/

• Responsive Web
• Adaptive Web Design
• Responsive.is
• The Personal Disquiet of Mark Boulton
• Future Friendly Resources
• LukeW Ideation + Design
• Media Queries
• Viewport Meta Tag
• Front-end Formations (Replaced 3 for 5 Course)
• CSS Cross-Country
• Example website: The Lost World

https://css-tricks.com/pseudo-element-roundup/

• Smashing Magazine Design
• Net Magazine
• Hack Design
• Thinking with Type
• The Elements of Typographic Style
• Typography Calculator
• Color Theory for Designers
• Adobe Kuler Color Wheel
• Working with Color
• Understanding Z layout and Understanding F-layout
• Responsive Grid Generator
• Photoshop Grids

• Sass website
• CodeKit
• LiveReload
• Middleman
• Scout
• The Sass Way
• Chris Eppstein’s Blog
• Kicking Ass + Taking Names with Sass & Compass by Nathan Henderson
• CSS Tricks — Sass vs. Less
• Compass website

• CSS Tricks: Timing Functions
• Playing with Timing Functions on CodePen
• Cubicbezier.com
• Smashing Magazine: Understanding Timing Functions
• A Guide to CSS Animations
• Paste to Prefix
• Can I Use
• Soup to Bits: Adventures in Web Animations

• Litmus – 14-Day Free Trial
• Bulletproof Buttons for Email
• CSS Support Guide for Email
• Slides Email
• Challenges Email
• Litmus Builder
• Litmus Community
• Litmus Scope
• Responsive Email Resources
• Responsive Email Patterns
• Email Client Market Share
• Front-End Foundations
• Journey Into Mobile

list of HTML5 elements

• Useful Methods for Strings
• Special Characters and Escape Sequences
• File Organization with HTML, CSS, and JavaScript Files
• Eloquent Javascript
• Mozilla Development Network Javascript
• JSFiddle
• DailyJS

• Closures at the MDN
• Prototypes at “Javascript, Javascript…”
• OOP at “Eloquent Javascript”

screen reader only class is really good idea for accessibility

• Binary Floating Point Values
• JavaScript: The Right Way
• Code Conventions for JavaScript
• 45 Useful JavaScript Tips and Tricks
• Thinkful: Best Practices 1 and 2