Resources

Educational Resources:

• LinkedIn Learning:

  This tool, created by LinkedIn, is great for growing your skills for the career you want.
  Taught by trained professionals, LinkedIn Learning is a good resource created to help people get jobs. 9/10

• W3Schools:

  A really popular tool for HTML and CSS learning, W3Schools is a great resource to learn languages fast and easy.
  I personally really love their excersizes. They're examples are engaging and their website layout is also very good. 10/10

• CodeAcademy:

  CodeAcademy is a great resource for learning how to code. They offer a huge amount of excersizes in multiple languages.
  They also offer some really nice videos to help you visually see how the code works. 9/10

• Udemy:

  Udemy is honestly my favorite educational resource on this list. Though these courses cost money, Udemy provides a huge amount of amazing teachers, business owners,
  and coders who creating these classes teaching their craft. You can hours of content that you can tap into forever. 10/10

• HTML.com:

  A good tool for learning HTML, HTML.com provides a lot of tag examples and excersizes for you to use in learning HTML.
  The only downside is that it only discusses HTML - making it not a good fit for web developers looking to learn more from only one place. 7/10

• FreeCodeCamp.org:

  Free Code Camp is a great place to create projects and earn certification.
  All of they're stuff is free. And they even help you find jobs in your field. Definitlely a 10/10.

Web Trending Resources:

• Fancy-Border-Radius:

  Creates CSS code to make complex border radius's. Not a bad resource.
  I like that they provide you with the code needed instead of just showing you the design. 7/10

• W3Schools - Parallax Scrolling:

  This "How To" page from W3Schools talks about Parallax Scrolling.
  It's a trending design element in web design and is a great webpage about how to create effective parallax scrolling. I also really love their examples. 9/10

• Designer News:

  A web design news blog. They post web design related articles and offer free web resources. Great for learning! 9/10

• CSS Tricks:

  I've used this resource for a long time and it has not failed me yet! This website offers plenty of articles, videos, and documentation on CSS and Advanced CSS! 10/10

• Open Designs:

  A great website featuring plenty of web templates that are open sourced! Though I do feel like these web templates are pretty simple and aren't really that great, it's the thought that counts. I found this website when I was plenty younger but I thought I'd share it since they do have some decent aspects (like the web template search functions!) 4/10

• ihatetomatoes:

  This blog is specifically make by a professional front-end developer who makes articles sharing everything about front-end development! It's such a cool website and he has plenty of amazing articles. 10/10 would definitley recommend!

Graphic and Design Tools:

• Adobe's Dreamweaver:

  I've used Dreamweaver in the past and it's a very good web design and
  publishing tool. Has a great UI, and isn't terribly complicated to use. 9/10

• WebFlow Designer:

  Webflow is a great CMS tool designed to help create visually-stunning websites without knowing a bunch of complex code.
  This CMS is being used a lot recently. It is decently expensive though. Very good - 8/10

• OpenAI or ChatGPT:

  This AI tool is great for creating mockup text, images, code, etc.
  It's an all around amazing tool and I beleive it is also free. 10/10

• GoDaddy Website Builder:

  Among the builders that exist, it's not my favorite. The designs are great and GoDaddy
  has a decent amount of templates - but it doesn't have the amount of templates or customization as other CMS's do. 5/10

• Wix (Blog) Animations:

  Wix is a great CMS tool for creating astonishing websites - but they're website
  animation capabilies are amazing. I struggle with web animations and am a complete beginner at them. But if you are using Wix, it can make you seem like a pro. 10/10

• Remove Background:

  This tool helps remove the background of an image you have. It can be way easier and faster than using PhotoShop and it also provides some photo editing options! 10/10

• Unsplash:

  Unplash is a website that features thousands of copyright-free images that you can use. Whether its for web demos or projepcts, I've used unsplash for many different things. Definitley a 10/10.

• HTML Color Codes:

  This tool gives you the hex and rgb codes for any color you want. This makes the hassle of trying to find the perfect color way easier! 10/10