IDT 650 Links


Design Resources

  • Free Patterns
  • JS Effects
  • Royalty Free Photos
  • W3 Schools
  • Introduction to Bootstrap
  • Adobe Wireframe Podcast
  • Web Design & UI Inspiration with Code Snippets
  • CodePen
  • Design Inspiration

    • User Experience

  • The difference between UX and UI
  • Usability.gov - What is UX
  • Do Designers Really Need to Know UX?
  • Link
  • UI Psychology Principles

    • Accessibility

  • W3 Accessibility Fundamentals
  • W3 Accessibility Standards
  • Simple Intro to Web Accessibility
  • Diverse Abilities and Barriers
  • Ally Tips for Global Accessibility Awareness
  • The Accessibility Checklist
  • Accessibility Whack-a-mole
  • Accessibility Visualization Toolkit
  • Designing for the blind
  • ARIA Landmarks
  • Understanding Color-blindness in Design
  • Designing for Color-blind Users
  • Improving Color Accessibility
  • Chrome extension for color blind testing
  • Contrast Tips for Web Design
  • Contrast Checker
  • Designing for Cognitive Differences

    • Responsive Web Design

  • Flexbox Guide
  • CSS Grid Guide
  • Bootstrap Classes Guide
  • W3: Media Queries
  • Wearables and Web Design
  • How AR & VR will change web design
  • The next 5 years of AR and Web Design

    • Optimization

  • Google Dev Tools Speedtest: Getting Started
  • Meta Tag Generator
  • Social Media Tag Validator
  • Optimization Testing
  • Grammarly
  • Google Search Console
  • XML Sitemap Generator
  • A Beginners Guide to Search Console

    • User Testing

  • Intro to Website Usability Testing
  • Nielsen Group: Quantitative and Qualitative Usability Studies
  • Turn User Goals into Task Scenarios for Usability Testing
  • Interview with Steve Krug: how to get DIY usability testing right


    • Back to Top ↑