Front End Links

Common Front End Resources

Blogs / Articles

• CSS Wizardry's Articles
• SitePoint

Styling

• Normalize.css
• CSS Tricks - CSS Selector Almanach
• Brad Frost's (massive) Responsive Patters & Resources
• BEM
• Rem vs Ems
• Responsive Patters & Resources by Brad Frost

SASS/LESS

• Sass Home
• Sass Meister
• LESS Home
• LESS Tester

Flexbox

• CSS Tricks: A Guide To Flexbox
• Flexbox SASS Mixin
• Flexbox Froggy Game
• Flexbox.io video series - Wes Bos

Style Guides

• Github's Primer
• Dropbox CSS Style Guide
• Code Guide by MDO
• Airbnb's Javascript Style Guide

Javascript

• JS The Right Way
• MDN (Mozilla Developer Network)
• Clean Code Javascript
• Eloquent Javascript
• Javscript Patterns
• Javscript 30 - Wes Bos

jQuery

• jQuery API Docs
• You Might Not Need jQuery

Design

• Designing For Retina

General

Interview Quesetions

• Front End Developer Interview Questions
• Khan Front End Interview Questions

Git

• Git Tutorials and Training | Atlassian Git Tutorial
• Add Git Branch Name to Terminal Prompt - Mac
• Learn Git Branching - Interactive

Email Deveopment

• CSS Support Guide for Email Clients
• Fundation for Emails - Zurb
• Responsive Email Resources
• Responsive Email Patterns

Testing

• Choose Your Own Adventure to Learn Usability Testing Basics

Atom Editor

• Atom Home
• Atom Shortcut Cheat Sheet
• Syncing Atom Settings Between Computers

Rapid Prototyping Playgrounds

• CodePen
• JSFiddle

Cross-Browser Helpers

• Can I Use?
• Should I Prefix

Hosted Tools

• Aspect Ratio Calculator
• Convert Case
• Alphabetizer
• Relative Path Generator
• SVGOMG

Code Schools

• Code Academy
• Code School

Code Games

• Coding Game
• Code Fights

Youtube Channels

• DevTips
• LearnCode.Academy
• funfunfunctions