A CRAP way to improve usability

See Also

Competencies

• Interaction Design Responsive Layout
• Interaction Design Interface layout
• Visual Design Amount of Design Variations
• Visual Design Presentation Slides Design
• Visual Design Quality of Design Variations
• Visual Design Typography
• Visual Design Style Tile

Lessons

• Designing in Sketch
• Visual Design
• Layouts with CSS

Resources

Books

• 

  Art Direction for the Web

  by Andy Clarke
• 

  Expressive Design Systems

  by Yesenia Perez-Cruz

Articles

• Learning to See
• The 8 competencies of user experience
• Lessons From Swiss Style Graphic Design
• Typography for User Interfaces
• UI vs Print

References

• A Complete Guide to Flexbox
• A Complete Guide to Grid
• Learn CSS Grid
• Typewolf

Tools

• Google Fonts
• SkyFonts

Tutorials

• Grid by Example
• The Experimental Layout Lab

Talks

• Grids are Good