Google Fonts

See Also

Competencies

• Interface Prototyping HTML & CSS
• Interaction Design Responsive Layout
• Visual Design Amount of Design Variations
• Visual Design Presentation Slides Design
• Visual Design Quality of Design Variations
• Visual Design Style Tile
• Visual Design Typography

Lessons

• CSS Animations
• Coding review
• Designing in Sketch
• Layouts with CSS
• Visual Design

Resources

Books

• 

  Art Direction for the Web

  by Andy Clarke
• 

  Expressive Design Systems

  by Yesenia Perez-Cruz

Tools

• SkyFonts

Articles

• A CRAP way to improve usability
• Learning to See
• Typography for User Interfaces
• UI vs Print

References

• A Complete Guide to Flexbox
• A Complete Guide to Grid
• CSS Syntax
• CSS Transition Property
• Keyframe syntax
• Learn CSS Grid
• MDN Keyframe
• MDN Using CSS Transition
• MDN’s documentation for CSS
• CSS Reference
• CSS: Cascading Style Sheets
• Media Queries for Standard Devices
• Typewolf

Tutorials

• An Interactive Guide to CSS Transitions
• CSS Diner
• Flexbox Froggy
• Grid Garden
• Grid by Example
• Learn to Code HTML & CSS
• The Experimental Layout Lab