Additional Resources

Nerds to Follow

• Steve Griffith
  • ExpressJS Playlist
• Brad Traversy (Youtube)
  • HTML Crash Course For Absolute Beginners
  • CSS Crash Course For Absolute Beginners
• CSS Tricks
  • Complete Guide to Flexbox
  • Complete Guide to CSS Grid
• Kevin Powell (Youtube)
  • Responsive CSS Tutorials
  • Flexbox Tutorials
  • CSS Grid Tutorials
• Layout Land (Youtube)
  • Resilient CSS: 7-part Series
  • Creating Flexibility Models with CSS Grid
• Grid by Example
  • Video Series: Learn CSS Grid
  • CSS Grid Examples
  • Common Design Patterns with CSS Grid

Design patterns

• Search: css typography
• Search: responsive navigation
• Search: best hero sections
• Search: card pattern

Learning Games

• Flexbox Froggy
• Flexbox Zombies
• CSS Grid Garden

Stack Overflow

SO is Quora for developers. 80% of your searches on common problems will point to this site. Some highlights:

• Block vs Inline vs Inline-Block
• Including Google Web Fonts link or import?
• button vs input
• Any others?

Colour

• A Nerd’s Guide to Color on the Web
• Video: Reading Colour Hexcodes
• Article: HSL() / HSLa() is great for programmatic color control

Fonts

• Article: Font stacks for Window & Mac browsers
• Search: “best google font pairings”
• Article: On Web Typography
• Article: Font Fallbacks
• Article: Typography for Developers
• Article: Icon Fonts are Awesome

Popular Courses

• Free Code Camp
• What the Flexbox!?!
• Javascript: The weird parts