design
naaaateeeeYou want to get a job in web/app design industry? This will be your bucket list of links.
I mean, it's not that you'll have to become a full professional in all these languages, systems, etc.
It's all about being confident that you know, understand and can use everything listed here. Yes, everything.
LANGUAGES TO CODE
EASY: HTML5
https://www.sololearn.com/Course/HTML/
https://www.w3schools.com/html/default.asp
HARD: CSS3
https://www.sololearn.com/Course/CSS/
https://www.w3schools.com/css/default.asp
MEDIUM: PHP
https://www.sololearn.com/Course/PHP/
https://www.w3schools.com/php/default.asp
MEDIUM: JavaScript
https://www.sololearn.com/Course/JavaScript/
https://www.w3schools.com/js/default.asp
SYSTEMS TO IMPLEMENT
EASY: Material Design by Google
https://material.io/
https://design.google/ (check out the resorces tab!)
https://www.youtube.com/watch?v=rrT6v5sOwJg
MEDIUM: Human Interface Design by Apple
https://developer.apple.com/design/
HARD: Fluent Design System by Microsoft
https://fluent.microsoft.com/
https://developer.microsoft.com/en-us/windows/apps/design
https://docs.microsoft.com/en-ca/windows/uwp/design/fluent-design-system/index
BONUS: Metro Design by Microsoft (gets replaced with FDS soon but good to know about)
https://en.wikipedia.org/wiki/Metro_(design_language)
https://www.microsoft.com/en-us/stories/design/
SOFTWARE TO USE
MEDIUM: Adobe Muse OR WordPress OR Bootstrap Studio
HARD: Adobe Photoshop OR Adobe InDesign (probably both)
EASY: Adobe XD OR Sketch https://www.sketchapp.com/
EASY: Adobe Dreamweaver OR Brackets
HARD: Bootstrap
HARD: Adobe Illustrator
EASY: Trello OR Slack
BONUS: Adobe Bridge
BONUS: http://fontjoy.com/
CONCEPTS TO KNOW
Twitter Bootstrap 4
https://getbootstrap.com/
Material Design Lite
https://getmdl.io/
Kerning
https://www.canva.com/learn/kerning/
Colors
(RGB, RGBA, CMYK, etc)
https://www.w3schools.com/colors/default.asp
https://css-tricks.com/nerds-guide-color-web/?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more
UX
https://uxplanet.org/
EVERYTHING ELSE
W3 Code Snippets
https://www.w3schools.com/howto/default.asp
WD Trends
https://99designs.ca/blog/trends/web-design-trends-2017/
https://99designs.ca/blog/trends/web-design-trends-2018/
https://webflow.com/blog/18-web-design-trends-for-2017
https://webflow.com/blog/19-web-design-trends-for-2018
CodePen
CodePen is a social development environment.
https://codepen.io/
Brutalist websites
http://brutalistwebsites.com/
GOOD READS
https://1stwebdesigner.com/things-web-designers-should-know/
https://designmodo.com/conversational-ui/
https://medium.com/google-design/redesigning-chrome-desktop-769aeb5ab987 (really, read it)
https://uxdesign.cc/design-better-forms-96fadca0f49c
https://www.frankchimero.com/writing/the-webs-grain/?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more
https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
https://designmodo.com/brutalism-web-design/
https://medium.com/envato/brutalism-the-ugly-web-design-trend-taking-over-the-internet-2dbc8e822e37
https://www.awwwards.com/brutalism-brutalist-websites.html