7 Useful Websites For Web Developers
Tags: webdev, css, design, tooling
Published: 2022-01-27 10:08:19

As web developers, daily we try to solve some problems and to solve those problems we may need to have some handy tools/websites where we can look up to.

Today in this article, I will be sharing 7 useful websites with you that will somehow help you in solving problems.

Let's get started.

## Meta Tags

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643275069992/YZGu80s7R.png)

Meta Tags is a tool to debug and generate meta tag codes for any website. With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

You can use this tool to see how your website will look on different social media platforms.

### Example :

Preview for my website.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643274550363/W92HMbSi0.png)

I can click on the `generate meta tags` button to generate meta tags for my site.


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643274639060/boJPooi69.png)

### [Link for meta tags](https://metatags.io/)

## Readme

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643275116140/YduG2d1u4.png)

Readme is a very great tool to quickly generate Readme for your project. it provides a lot of sections to include in your README file.

### Example:

Here you can see I have used different sections like `Title and Description`, `Authors`, `API reference`.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643274910142/uNhdcHwlQ.png)

### [Link for readme.so](https://readme.so/)

## Responsively

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643275489769/PFMAMiIMX.png)

Responsively is a must-have tool for web developers to see how their website looks on different screen sizes. most important thing is that it is an OpenSource tool and it comes with some cool features like,

- Mirrored Interactions
- Customizable Layout
- Awesome Elements Inspector
- Extensive Built-in Device Profiles
- One-Click Screenshot
- Hot-Reloading Supported


### [Link for responsively](https://responsively.app/)


## Remove Bg

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643275931868/eg-FtAjO3.png)

Remove background is the first tool you will need when you want to remove background from images.
It has a freemium plan if you want to use it regularly in your project. it also provides an API to integrate with your projects.

It has support for
- Individuals
- Photographers 
- marketing
- media
- developers
- e-commerce
- enterprise

### [Link for remove bg](https://www.remove.bg/)

## Type Scale

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643276325270/mtQjfPnj7x.png)

Type Scale is a tool that provides you with visuals of different typography. you can use this tool to see the visuals of your project typography with different fonts, sizes and scales.
It also provides you with the CSS generator for your project typography.


### [Link for type-scale](https://type-scale.com/)

## Small dev tools

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643276548695/YGq7OCd_p.png)

Small dev tools is a hub of tools that provides you with some awesome small tools to help you in your projects.

Some of my favourite tools from Small dev tools are,

- [Code Share](https://smalldev.tools/share-bin)
- [Markdown Editor](https://smalldev.tools/markdown-editor-online)
- [HTML to Markdown Converter](https://smalldev.tools/html-to-markdown-converter-online)
- [Placeholder Image Generator](https://smalldev.tools/placeholder-image-generator-online)

### [Link for small dev tools](https://smalldev.tools/)

## Smart MockUps

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643277334279/5XCqmz_oS.png)

Smartmockups is the tool that will allow you to create mockups for your products from your browser in one go.
It also contains 1000+ mockup templates to help you in creating one for your product.
You can use this tool to create,

- Technology Mockups
- Social media mockups
- Print mockups
- Home & decor mockups
- Packaging mockups

To speed up your workflow It also supports third-party integrations like Figma, Canva and Dropbox.

### [Link for smartmockups](https://smartmockups.com/)

## Summary

To summarize we have discussed 7 useful websites that will help you in your daily problem-solving.
I hope you found these tools useful and you will now start using them.

And that’s it for this topic. Thank you for reading.

## Connect with me
[LinkedIn](https://www.linkedin.com/in/sachin-chaurasiya) | [Twitter](https://twitter.com/sachindotcom)

<a href="https://www.buymeacoffee.com/sachin87" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>