Interaction Design Resources

Design Resources and Templates

Tools, Methods, and More

• uxdesign.cc

Prototyping

• Pop (Prototyping on Paper)
• A guide to prototyping tools, what they can do, and why to use them
• Apple Design

Usability

• usability.gov
• WAVE Web Accessibility Evaluation Tool
• WebAIM Contrast checker

Website Design

• Website Style Guide Resources
• Screen Dimensions
  a great overview of sizing for different devices and uses
• Favic-o-matic: Favicon generator

Front-End Coding Software

• Visual Studio Code
  an excellent text editor
• CodeKit
  for compiling SASS and other pre-processing functions
• MAMP
  emulate WordPress and other database-driven sites locally

FTP/File Transfer Software

• Transmit
  a super-flexible, powerful FTP client

CSS

• The 30 CSS Selectors You Must Memorize
• Pixel-based Grid Calculator
• CSS Font Stacks
• Modern Font Stacks for CSS
• Crafting Hovers
• CSS gradient generator
• Taming Advanced CSS Selectors
• Hover one div, change another div (a great jsfiddle)
• CSS Guide for HTML e-mails
• Animate.css

HTML

• List of HTML ASCII character codes
• HTML symbols reference

Code Validation

• HTML Validator
• CSS Validator

Code Snippets and Tutorials

• Codrops
• Callmenick

Typography

• Modern Font Stacks

Spam Prevention

• How to encrypt mailto links

Patterns and Textures

• Subtle Patterns for Backgrounds

Typography

• Scale and Rhythm: Headline and content mockup tool

WordPress

• Essential code snippets
• Improving site loading times
• Improving server response times

WordPress Plugins

A listing of some of the plugins we’ve found to be helpful for WordPress-based sites.

• Force Regenerate Thumbnails
  For theme development/new site implementation only.