Kismet Arts Tangent

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

A Whole Bunch of Amazing Stuff Pseudo Elements Can Do

• 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