Resources

Audience – General

Audience – Children

Audience – Teens

Audience – Older Adults

Audience – Creating Personas




Component/Module Design







Empathy


Ethics – Art

Ethics – Design

Ethics – Professional Codes


Grids

Grids – Tools

Grids – In Use


Forms


FTP


HTML Basics

HTML Entities


Ideation – Brainstorming

Ideation – Mood Boards

Ideation – Sketching


Images

Images – License

Be sure to read and follow licenses carefully.

  • Creative Market (inexpensive licenses)
  • Flickr including Images from the British Museum
  • The Getty Open Content Program
  • Getty Images
  • Morgue File
  • The Noun Project
  • Photo Pin
  • Wikimedia Commons
  • Subtle Patterns
  • Images – Tools

    Images – Repeatable Patterns

    Images – Repeatable Textures

    Images – Creating Icons



    Legal – Copyright

    Legal – Copyright Case Studies

    Legal – Attribution

    Legal – Contracts


    Mobile & Responsive Design



    Placeholders


    Problem Definition






    Typography

    Typography – Web Fonts

    Typography – Tools

    • Typetester: Compare installed web fonts in browser.
    • What Font Chrome Extension: A tool to quickly identify fonts and their properties on a webpage.
    • Font Friend: A bookmarklet that lets you experiment with Google Fonts and installed fonts on the fly on a live webpage.


    Web Design Software (FREE)


    Web Hosting

    Web Hosting – Recommended Hosting Services

    Web Hosting – Publishing Platforms


    Material design Introduction What is material? Environment Material properties Elevation and shadows Animation Authentic motion Responsive interaction Meaningful transitions Delightful details Style Color Icons Imagery Typography Writing Layout Principles Units and measurements Metrics &

    https://www.google.com/design/spec/style/writing.html#writing-capitalization-punctuation