...

• Udemy
  • Workflow of Modern Web Design from Wireframes to Style Guide
    • Pakistani(?) guy.
    • This looks pretty useful. I watched a few clips and came away with some useful concepts (e.g. using a style guide for a website, and something about atomic design).
  • UX & Web Design Master Course: Strategy, Design, Development
  • User Experience (UX): The Ultimate Guide to Usability and UX
    • English guy
    • Started with a funny anecdote about leaving a parking lot at a German airport, where there's a green button and a red button, and lots of people were just hitting the green button when the red button is what's actually needed to leave.

Colors

• Telepathy - Using Color Theory to Create a Better Color Palette
• WebsiteBuilderExpert - How to Choose a Good Color Scheme For Your Website

Tools

• Invision
  • Used at SF, also rec'd by Pervaiz in the "Workflow ..." Udemy course.
• Color tools
  • Material Design Color Palette Generator

...

Examples

• YouTube for Desktop - 

Modals / Pop-up windows / Dialog boxes

• Thought: one of the main considerations for whether to have something as a no-other-actions pop-up (like PyCharm's "Settings" modal) or as part of the permanent UI (like PyCharm's "Project" sidebar) or as a other-actions-allowed pop-up (like Photoshop's various tool windows) is whether or not the user is likely to need to switch between the actions in that pop-up and the actions in some other part of the UI. A "save" or "load" action doesn't require interacting with the rest of the UI, so it can be in a pop-up that disables other actions.

Scrollbars

• CSS customized scroll bar in div

...