paint-brush
10 Best Web Dev Tools of 2021 by@villivald
346 reads
346 reads

10 Best Web Dev Tools of 2021

by MVDecember 26th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Top 10 Web Dev Tools in 2021

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - 10 Best Web Dev Tools of 2021
MV HackerNoon profile picture
This time I would like to present you some of the most memorable tools I've talked about this year. Personally, for me, this year was a year of intensive learning and big changes in my professional life. Anyway, I'm not going to make this blog post too personal. For this purpose, there will be a separate post in January. So, let me finish my - Top 10 Best Web Dev Tools. Every month I tried to pick the most intriguing and handy instruments that, I believe, are must-haves for every web developer. Summarizing the results of the year, there are:

1). Squoosh

Squoosh is the most intuitive and good-looking image compression web app I have ever seen. It works very fast and supports many formats (AVIF, WebP, JPEG XL, etc.).

squoosh

2). Daily Dev

The best coding news aggregator I have seen so far (yes, including ). Available both as a and .

daily dev

3). Vercel

A very impressive and easy-to-use deployment and collaboration platform for front-end developers from creators of . Vercel enables developers to host websites and web services that deploy instantly and scale automatically – all without any configuration. So far, I have been using it for a couple of weeks, and it really feels like a or on steroids.

Top 10 Must-Have Web Dev Tools

4). Eleventy

Eleventy is a well-known and gaining momentum . I have recently moved from WordPress to Eleventy, and it was the best decision to make in terms of performance and accessibility. Here is the as confirmation of my words.

eleventy

5). Haikei

Haikei is a very inspiring web tool for generating unique SVG shapes, backgrounds, and patterns.

haikei

6). Vite

Vite is a blazing fast and easy to configure build tool. It uses for bundling, which is written in Go and pre-bundles dependencies 10-100x faster than JavaScript-based bundlers. I recently used Vite in one of my latest , and I'm currently planning to move my to it (from create-react-app incl. webpack).

vite

7). GitHub Copilot

Copilot is an AI tool developed by GitHub to assist users of VS Code. It is still in a Technical Preview state and requires joining the waitlist, but from my experience, I would say that Copilot has all prerequisites to become the Next Big Thing.

copilot

8).

is a platform providing access to a curated collection of different programming courses. It is a great tool to learn overall, as well as get started with web development. Feel free to submit a course or tutorial you like the most (I also plan on doing it sometime soon).

hackr io

9). OpenMoji

An open-source emoji library made by 60+ students and 3 professors of the and 20+ external contributors. I already use some of their brilliant emojis in my . They seem like a great alternative to the standard ones.

Open source emojis library

10).

This tool is one of my latest findings from . A very useful terminal cheatsheet with a CLI interface.

terminal cheatsheet


Also published on my . Check out my site: and my GitHub profile .


Please VOTE for my basketball-related project . I would also appreciate if you support my blog in the votings and .


바카라사이트 바카라사이트 온라인바카라