A Complete Guide to Flexbox

See Also

Competencies

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

Explainers

Lessons

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

Resources

Articles

• A CRAP way to improve usability
• Learning to See
• Lessons From Swiss Style Graphic Design

Tools

• Google Fonts

Books

• 

  Art Direction for the Web

  by Andy Clarke

Talks

• Grids are Good

Tutorials

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

References

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