Tools For Web Developer to keep in check in 2021

Tools For Web Developers to keep in check In 2021

99.8% don't know all of them.

"Get detailed explanation, with links in this post."

To Get More Detailed & Exclusive Content, Follow Me On Twitter.

@heychtn

Now without further wasting any time, Let's dive into it:

1.Bootstrap cheatsheet

The bootstrap cheat sheet is an interactive list of Bootstrap 5 classes, variables, and mixins.

Key Features are:
Live preview of HTML & code snippet.
Update code snippet on the go.
Easily copy the code snippet and use it.

Link: Click Here

2.Devhints. io

Here you will find sets of ready-made snippets with popular code snippets, configurations, and commands.

Devhints can come in handy if you need to refresh your knowledge quickly

Link: Click Here

3.Carbon

If you need to create a piece of code in the form of an image, Carbon is the perfect tool for this purpose.

It has support for many languages and a ready set of different themes.

Link: Click Here

4.Meta Tags

Meta Tags is a simple online tool that you can use to quickly make the meta tags for your website.

You just have to put the code, they provide, in your codebase.

Link: Click Here

5.Frontend checklist. io

Frontend Checklist includes 88 points to keep in mind when creating a website quite a lot, right? In addition, each point has a priority marked.

An additional advantage is the ability to create your own checklists.

Link: Click Here

6.Google Lighthouse

It is an open-source, automated tool for measuring the quality of web pages.

What Reports You Will Get:
performance
accessibility
search engine optimization

Link: Click Here

To Get More Detailed & Exclusive Content, Follow Me On Twitter.

7.Ngrok

If you create a website on a local server and show off your work results to someone, you can use Ngrok.

This tool allows you to bring to the world your local application.

-> Free & Paid Options Available.

Link: Click Here

8.Nibbler

Nibbler is a free online tool that you can use to scan your website.

It will give you a report scoring the website for key areas, including accessibility, SEO, social media, and technology.

Link: Click Here

9.Tiny. png

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files.

By selectively decreasing the number of colors in the image, fewer bytes are required to store the data

-> They Maintain The Quality.

Link: Click Here

10.Website Vulnerability Scanner

Website Vulnerability Scanner is a free online tool developed by Pentest-Tools.

You just have to plug in your URL and it will generate a detailed Security report.

Link: Click Here

11.Gitignore. io

I know that you dont need higher math to create a .gitignore file, but a ready-made tool was created for that.

The only thing you provide is information such as the operating system or development environment.

Link: Click Here

12.Regex101

Regex101 offers both instruction for creating regular expressions and a ready environment for writing and testing expressions.

Link: Click Here

13.CSS reference. io

Accessible, short, and neat documentation for CSS. Personally, I prefer to use MDN, but someone will surely like it!

For each CSS property, you get an image or an animation with an example.

Link: Click Here

END

This Blog Post is inspired from one of my twitter thread.

Make Sure To Follow Me On Dev (here) Too...