Freecodecamp

Freecodecamp responsive design course is amazing for beginners that want to learn more about design, colors and responsive deisgn.

The Odin project

The Odin project is a project based learning course that will teach you concepts while build projects it perfect for people stuck at turorial hell.

Microsoft git and GitHub course

This course will will teach you how to use Git and GitHub you have to pay to get the certification but the course is completely free

Scrmiba

Scrimba is a interactive course that will challenge you to apply what you learned and it is perfect for people that gets board from watching courses.

Web.dev

This course is by created Google is it good for people you want to learn more about html , css , javascript , design and more.

Frontend Masters

Frontend Masters is great plaform for people that are confused on which path to take they have learning paths like Fullstack to backend , Design to Code, Beginner and alot more.

Kevin Powell

Kevin powell has alot of free content on his channel going deep on css and what are the best practicees and he also has 21 days responsive design course for free.

Boot.dev

boot.dev is a great website for devlopers who want to learn backend in a gamified and interactive way but you have to pay a yearly subscription to get that features but read only if completely free.

Frontend Mentor

Frontend mentor is a great website to practice your design to code skills and get feedback from the community i highly recommend this website.

iCodeThis

Icodethis is also a great website for practicing your design to code skills they also have 30 days road map and mutiple courses and turorials.

Frontend practice

Frontend practice is a website that will give you the image of the design , color palette , and multiple reosurces to read about the things that you will build.

Frontendpro

Frontendpro is also another platform that you give a try and practice your design to code skills they provide you an image of the design and a starter code file.

LeetCode

Leetcode is the most popular platform for practicing coding interview quetions like data structures and algorthims they have multiple difficulties questions like easy , med , hard.

HackerRank

Hakcer rank is a platform for solving coding problems and they also allow the compaines to hire people from there so if you are skilled enogh you have a chance to get hired

Codewars

Codewars is a platform to practice your coding skills with mutiple programming languages like python , javascript , c and more.

W3Shools

W3Shools is a great website if you want to reference what you learned they also have (how to and tutorial sections) for multiple programming languages like C++ and python and more.

Mdn Docs

Mdn docs is a website that has documentations for html , css and javascript with mutiple examples.

Css-Tricks

Css is a platform that mutiple guides and articles about css it's a good reference for grid and flex-box properties if you want to understand them deeply.

Realtime Colors

Realtime colors is a great website to test your color palette and your font style. you can test them both on a dashboard or blog post templates.

Cloud Convert

Cloud convert is a websites that can convert anyfile format to another for example you can convert PNG to jpeg.

Cdn-js

Cdnjs is a free open-source content delivery network that hosts thousands of popular JavaScript and CSS libraries like (font awesome , tailwind) and more.

Coolors

coolors is a website to find your color palette there are over 10M+ color palettes in their website.They also have other tools like contrast checker , palette generator and more.

Color Hunt

Color Hunt is also a great option to find your color palette you can choose between color themes like Gold, Cold, Warm, and more

Font Share

Font share is also another great website to choose fonts other than google you can also see how they look beside each other in pairs section.

Responsively

Responsively is great tool to test your websites on multiple screens at the same time.

Mobile simulator

If you don't want to download a full app to test your website on multiple screen sizes you can try mobile sumilator google extention.

SVG Backgrounds

SVG backgrounds is a great website if you want to find svg shapes , illustrations and more.

Awwwards

Minimal Gallery

Dark Mode Design