Links
YouTube
UX
- How to Create a Customer Journey Map in 6 Simple Steps
- Balsalmiq wireframing: ractical training for creating more usable products
- Journey Mapping 101
- Wireframe tooling
Grid structure and layout
- Using F and Z patterns to create visual hierarchy in landing page designs
- Fluid Grid Calculator
- Ethan Marcotte’s Responsive Web Design
- Grid calculator
- Text Scanning Patterns: Eyetracking Evidence
Animations
- CSS Triggers List – What Kind of Changes You Can Make
- Accessible Animation: The WCAG on Animation Explained
- Designing “Invisible” UI Animations
- UI Animation and UX: A Not-So-Secret Friendship
- MDN: Animation performance and frame rate
Typography
- Type scale generator
- Font Squirrel
- Font Pair
- Axis-Praxis is a website for playing with OpenType Variable Fonts
- Typography Tips
- Variable Fonts
- TypeType Foundry
Colors
- Adobe Color
- A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH
- Color Designer: Get a color palette from an image
- Colorkit: Color palette generator
- LCH colors in CSS: what, why, and how?
- The Expanding Gamut of Color on the Web