This content originally appeared on DEV Community and was authored by Chaitanya Prabuddha
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 don’t 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...
This content originally appeared on DEV Community and was authored by Chaitanya Prabuddha
Chaitanya Prabuddha | Sciencx (2021-09-13T11:56:08+00:00) Tools? For Web Developer ?? to keep in check in 2021 ?. Retrieved from https://www.scien.cx/2021/09/13/tools%f0%9f%9b%a0-for-web-developer-%f0%9f%91%a8%e2%80%8d%f0%9f%92%bb-to-keep-in-check-in-2021-%f0%9f%a4%af/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.