====== Design Resources ======

===== Design Software =====
  * [[https://www.figma.com/|Figma - Prototype/Mockup Creation Tool]]
  * [[https://www.adobe.com/ie/products/xd.html?promoid=PYPVQ3HN&mv=other|Adobe XD - Prototype/Mockup Creation Tool]]
  * [[https://balsamiq.com/wireframes/|Balsamiq - Wireframe Creation Tool]]
  * [[https://www.canva.com/|Canva - Easy tool for posters/flyers etc.]]

===== Graphics & Stock Images =====

  * [[https://mystock.themeisle.com/|My Stock Photos - stock photos]]
  * [[https://unsplash.com/|Unsplash]]

===== Design Framework Documentation =====

  * [[https://fontawesome.com/cheatsheet?from=io|Font Awesome Icon Cheat Sheet]]
  * [[https://ionicframework.com/docs/api/button|Ionic Framework Documentation]]
  * [[https://getbootstrap.com/docs/4.5/components/buttons/|Bootstrap Documentation]]
  * [[https://semantic-ui.com/elements/button.html|Semantic UI Documentation]]
  * [[https://ashish-chopra.github.io/angular-gauge/|Angular Gauge Library]]
  * [[https://css.gg/app|CSS Icon Library]]
  * [[https://material.io/design/introduction|Material Design Documentation]]

===== Placeholder Content =====

  * [[https://meettheipsums.com/|Lorem Ipsum Text]]
  * [[https://picsum.photos/|Lorem Picsum (Lorem Ipsum for pictures)]]

===== CSS =====

  * [[https://www.webfx.com/web-design/hex-to-rgb/|Hex To RGB Color Converter]]
  * [[https://pinetools.com/darken-color|Darken Color (allows you to generate a darker color for hover etc.)]]
  * [[https://webaim.org/resources/contrastchecker/|Web Aim Color Contrast Checker]]

===== Design Training =====

  * [[https://youtu.be/68w2VwalD5w|Free Adobe XD Tutorial]]
  * [[https://youtu.be/DF4P0cjStkM|Free Adobe Illustrator Advanced Tutorial Course]]
  * [[https://youtu.be/NNkGiab2dWU|Free Adobe Photoshop Course for Beginners]]

===== Design Blogs =====

  * [[https://www.nngroup.com/|NNGroup.com]]
  * [[https://uxdesign.cc/|UX Collective]]
  * [[https://www.creativebloq.com/|Creative Bloq]]