Hey there techies! I hope ya'll are coding well. Being a web developer I know how important it is to be familiar with different tools to make our lives easier. Therefore I will be sharing with ya'll some amazing websites that I found out and I feel that every web developer should make the most out of these websites. ![steem cover.jpg](https://cdn.steemitimages.com/DQmVYnEzYGcKVBYNEfpR6a1kDnSJBEBxF7JDTFtb4TM9gEy/steem%20cover.jpg)

1. Type Scale - A visual Calculator

https://type-scale.com/ We all know how hectic it can be dealing with different font sizes can be. By using this website we can see a visual representation of different font sizes and different measuring units like px , rem and em. ![f2883a53-bb39-41de-900f-df5d84446c13.jpg](https://cdn.steemitimages.com/DQmdJuEmAaisxB6x1BYiPDfmfcyoakTaUG4FYEwggnnwWuA/f2883a53-bb39-41de-900f-df5d84446c13.jpg)

2. Stack Overflow

https://stackoverflow.com/ Well this one's a no-brainer. Stack Overflow is the most popular website for asking programming related question. No matter whatever programming related problem you have , there is a 99% chance that Stack overflow will have the solution to it. ![68f4584f-79d0-4a12-b798-68fa9ac7fe0d.jpg](https://cdn.steemitimages.com/DQmUCvjdMLP94g3WuqXMpouPpU1eUuboiegVHoXSunQHGVG/68f4584f-79d0-4a12-b798-68fa9ac7fe0d.jpg)

3. Shortcut Design

https://shortcuts.design/ If you are a power user then this website is a great match for you. It has all the shortcut references that you might need as a web developer. It basically lists down the shortcut keys for many design and development tools out there. ![1e74eec9-e405-43c8-8e40-c493b1349ef1.jpg](https://cdn.steemitimages.com/DQmagyymHadKk7ogdKERCTfUXwoMgTizrEYiKm6WB5HeMHr/1e74eec9-e405-43c8-8e40-c493b1349ef1.jpg)

4. The best designs

https://www.thebestdesigns.com/ This is a gallery site with some great website designs and layouts. It brings you a collection of all the best designs from designers all over the word. No wonder why is it featured for its design excellence! ![ba70d01e-cd5c-4a84-b84a-4b0066110deb.jpg](https://cdn.steemitimages.com/DQmXivE3WKwby5Y7FPUWcYDmRtKxajoHonGcTzgCDXtf7NL/ba70d01e-cd5c-4a84-b84a-4b0066110deb.jpg)

5. 30 Seconds of Code

https://www.30secondsofcode.org/ If you are looking forward to make your programming concepts strong, this is the website for you. It basically sumps up all the programming concepts in various languages in an easy to grasp way. ![8672411e-dfaa-447e-ac25-7fa6cf13e2a9.jpg](https://cdn.steemitimages.com/DQmTYQC4SmhDUum65Q3w3gJE13UUS4Va2nN1PTfwQJ7pw1p/8672411e-dfaa-447e-ac25-7fa6cf13e2a9.jpg)

6. Eva Design System

https://colors.eva.design/ This website does the hard work of generating color palettes, their semantic colors along with their shades and tint in 3 seconds or less. ![713a9e6f-eb03-49c6-9e5f-b66ff2125528.jpg](https://cdn.steemitimages.com/DQmdWY3Aj39V63wboRxRjvfLNUVwFfRD4LfXzYhvCNZNJEe/713a9e6f-eb03-49c6-9e5f-b66ff2125528.jpg)

7. Small Dev Tools

https://smalldev.tools/ Handy Developer tools with a delightful interface. This website provides 20+ tools that help developers with commonly performed tasks like Encoding/Decoding , Minifying , Test Dummy Data set, and a lot more. ![d459995e-2473-4ffc-87d7-4d122347593c.jpg](https://cdn.steemitimages.com/DQmSZJGcrwfuKNcgqh1aeosQfZ4mZXxbyX6t4b4FQzhWUYw/d459995e-2473-4ffc-87d7-4d122347593c.jpg) https://cdn.steemitimages.com/DQmcku5JTo92tt37Rv4CrLhKAvJSaVwmNsvRKWev3CDcPSc/Divider%202.png Steem Infinity Zone Team @cryptokraze | @arie.steem | @qasimwaqar | @vvarishayy | @suboohi https://cdn.steemitimages.com/DQmZC7bpcF5HuGVbgJu6KZDyRj3JrvcgCiay5mAsFSMyhU6/Footer.png [Click Here](https://discord.gg/BxCnnhvscv) to Join Official SIZ Discord Channel Discord | Twitter | Facebook --- | ---- | ---- [

]( https://discord.gg/BxCnnhvscv) | [

](https://mobile.twitter.com/SteemZone) | [

](https://web.facebook.com/steeminfinityzone) https://cdn.steemitimages.com/DQmcku5JTo92tt37Rv4CrLhKAvJSaVwmNsvRKWev3CDcPSc/Divider%202.png