Web Design

-------------------------------Web Dev/Design-------------------------------
***THE FOLLOWING IS PURE HTML/CSS***
----Short Lectures, Tutorials, and Articles----
https://www.youtube.com/watch?v=0px6YH-cauQ ----- Cleaning CSS Up
https://www.smashingmagazine.com/2008/11/12-principles-for-keeping-your-code-clean/ ----- 12 Principles For Keeping Your Code Clean
https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048 ----- 30 CSS Selectors You Must Memorize
https://www.youtube.com/watch?v=AlgSwIRw4do ----- How to Start Learning JavaScript? -A quick roadmap from beginner to advanced JS.

https://www.youtube.com/watch?v=wmAP2xvNs08&t=298s -CSS Positioning Tutorial for Beginners
https://css-tricks.com/debugging-css-keyframe-animations/
https://css-tricks.com/snippets/css/keyframe-animation-syntax/

https://meyerweb.com/eric/tools/css/reset/

https://www.creativebloq.com/advice/the-web-designer-s-guide-to-flexbox
https://www.creativebloq.com/advice/a-guide-to-writing-better-css
https://www.creativebloq.com/how-to/5-tips-for-super-fast-css

----Long Lectures & Tutorials----
https://www.youtube.com/watch?v=pQN-pnXPaVg ----- Free Code Camp 2 Hour HTML Lecture

--Traversey Media--
https://www.youtube.com/watch?v=UB1O30fR-EE ----- HTML Crashcourse
https://www.youtube.com/watch?v=yfoY53QXEnI&t=2793s ----- CSS Crashcourse
https://www.youtube.com/watch?v=jV8B24rSN5o ----- CSS Grid
https://www.youtube.com/watch?v=JJSoEo8JSnc ----- Flexbox
https://www.youtube.com/watch?v=Wm6CUkswsNw ----- Building a Responsive HTML5 Site From Scratch
https://www.youtube.com/watch?v=GJXXf3_dcng ----- Building a Responsive Landing Page
https://www.youtube.com/watch?v=XsEnj-1hG2 ----- Build a Responsive, Mobile First Website
***END OF HTML/CSS BIT***

----Becoming A Web Developer----
https://www.youtube.com/watch?v=g5xmtHa83sY ----- Web Dev Path
https://www.youtube.com/watch?v=UnTQVlqmDQ0 ----- Web Development In 2019 - A Practical Guide
https://www.youtube.com/watch?v=0yzRW8yqN4M ----- How to Become a Master Web Developer
https://developer.mozilla.org/en-US/ ----- Immense Web Dev Research Tool


-------------------------------TOOLS-------------------------------

https://webaim.org/resources/contrastchecker/ ----- Contrast Checker
https://www.cssfontstack.com/ ----- Site for testing and pulling fonts. Also has a nav bar that leads to a whole host of other CSS tools.
https://www.w3schools.com/howto/howto_google_fonts.asp ----- Google Fonts
https://css-tricks.com/ ----- CSS Tricks