DEV Community

Shubhra Agarwal
Shubhra Agarwal

Posted on • Edited on

3

Top 10 Tools🛠 For Web Developers👨‍💻to keep check In 2021🤘🏻

Using web development tools always makes your work easier and more smooth. Web dev is a field where you often need them and that’s why I made this list so that you can bookmark it and check any tool you are looking for.

  • Devhints.io

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

If you don’t find the snippet you need, you can request the author to add it.

  • Bootstrap Cheatsheet

The bootstrap cheat sheet is an interactive list of Bootstrap 5 classes, variables, and mixins. It helps you easily find the differences between Bootstrap 4 and Bootstrap 5.

https://bootstrap-cheatsheet.themeselection.com/

  • Carbon

If you need to create a piece of code in the form of an image, Carbon is the perfect tool for this purpose. The application has support for many languages ​​and a ready set of different themes, thanks to which we can modify our snippet.

https://carbon.now.sh

  • Google Lighthouse

It is an open-source, automated tool for measuring the quality of web pages. It audits the performance, accessibility, and search engine optimization of web pages.

  • MetaTags.io

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

  • frontendchecklist.io

The process of creating a website can often be long, tedious, and very complicated. The consequence of this is that we can forget some things. The Front-End Checklist is here to help

  • 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.

  • Regex101

The application offers both instruction for creating regular expressions and a ready environment for writing and testing expressions. Additionally, after creating an expression, we get a detailed explanation of it.

https://regex101.com/

  • 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.

https://ngrok.com/

  • 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.

https://nibbler.silktide.com/

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs