DEV Community

Cover image for 15+ Useful Web Development Tools That You Might Not Know

15+ Useful Web Development Tools That You Might Not Know

Syakir Rahman on March 29, 2021

Web development tools help developers to build a website or an application easier and faster. It simplifies the development process from design to ...
Collapse
 
zer0 profile image
zer0 • Edited

Great collection.
Some new stuff for my collection.

Here are some thoughts:

  • another huge difference of insomnia is that’s it’s completely open source
  • since you always provided alternative I think you should also share puppeteer, playwright, protractor, testcafe & nightmare (maybe even appium /detox) since they are great alternatives to selenium testing. (I didn’t know this list by heart i just copied it from codeceptjs)
Collapse
 
syakirurahman profile image
Syakir Rahman

Thanks.
That would be nice additions for the list 😁

Collapse
 
jonrandy profile image
Jon Randy 🎖️

Firefox Dev Tools > Chrome Dev Tools
Insomnia > Postman

Just my 2 cents

Collapse
 
andrewbaisden profile image
Andrew Baisden

Firefox dev tools is probably better because they have that cool CSS Grid Inspector. I think Postman has a bigger following however I was convinced to try Insomnia last year. Now I just use both I don't see much difference between the two.

Collapse
 
syakirurahman profile image
Syakir Rahman

Personally, i agree with Insomnia > postman 😄.. i use it because it's lightweight. But postman is more popular and offer more features in free tier..
As for firefox dev tools, i dont try it yet

Collapse
 
adrianus profile image
Adrianus

Like React, Jekyll or Gatsby pretty much the bridge between web as we know it and 3.0 blockchains, where DApps are far, far behind what is needed in daily operations.

Collapse
 
erebos-manannan profile image
Erebos Manannán

Selenium, seriously? That thing was terrible already back when it came out something like 15-20 years ago. Use Cypress instead.

Collapse
 
avallete profile image
avallete

Cypress still lack numerous features for real "native browser like interactions".

Could be a good alternative for simple app but to replace Selenium I would rather recommand pupetter instead.

Maybe in a year or so cypress will be more mature for advanced e2e testing.

Collapse
 
syakirurahman profile image
Syakir Rahman

I dont know if there is alternative for Selenium. Thanks for suggesting it anyway

Collapse
 
mtancoigne profile image
Manuel Tancoigne

Good list, I discovered a few tools !

For those interested in offline documentation, there is also Zeal which is a desktop app. I know we don't use offline documentation often, but it came handy to me in some rare cases, so I keep it "just in case".

Collapse
 
syakirurahman profile image
Syakir Rahman

Thanks for your addition bro 🙂

Collapse
 
whippingdot profile image
Sanjaay R.

Hey, don't know if MS Edge took the dev tools from Chrome or both of them took it from Chromium, but you should stop advertising it as 'Chrome Dev Tools'. MS Edge has them too and I use MS Edge. You are basically an advertisement to Chrome. I think you should also mention Edge and other browsers with the same quality Dev Tools(here Edge has same quality, as the Dev Tools are the same xD) and you should not have the title as 'Chrome Dev Tools'

Collapse
 
toughcookie profile image
Dan B

MS Edge is made with Chromium, which is a Google sponsored open source source. Chrome is also made with Chromium. "Chrome Dev Tools" is the commonly used name for the dev tools that were originally made for Google Chrome. They have been since adapted by other browsers as best practice.
Hence the naming "Chrome Dev Tools" is entirely correct even if you prefer to use another browser.
Please remember, the browser wars are over. There was no winner.

Collapse
 
whippingdot profile image
Sanjaay R.

KK, I was confused weather or not Edge copied it from Chrome.

Collapse
 
filipecsweb profile image
Filipe Seabra

Great post, Syakir!

Collapse
 
iatharva profile image
Atharva Ikhar

Thanks

Collapse
 
jotajeff profile image
Jeferson Silva

excelente artigo, obrigado por postar

Collapse
 
ritikkumar992 profile image
Ritik kumar

Thanks for such an informative post

Collapse
 
codistiano profile image
Abdullah Bedru

Cool and informative stuffs Syakir!!!
Thank you so much 💖

Collapse
 
syakirurahman profile image
Syakir Rahman

My pleasure 🙂

Collapse
 
aalphaindia profile image
Pawan Pawar

Keep sharing!!

Collapse
 
syakirurahman profile image
Syakir Rahman

Of course bro

Collapse
 
vikirobles profile image
Vicky Vasilopoulou

The devdocks maybe one of the best I have seen! thank you for that!!

Collapse
 
syakirurahman profile image
Syakir Rahman

My pleasure 🙂

Collapse
 
adrianus profile image
Adrianus • Edited

Browser capabilities are unbelievable nowadays, especially when inheriting microservices. Any experiences with tardigrade.io very welcome...(separating content from presentation)

Collapse
 
soonhongooi profile image
soonhongooi

GitKraken > anything else

Collapse
 
venkateshaj profile image
venkatesh-aj

Hi there, I've created a color palette website called Colors UI colorsui.com. It's a free color tool.

Collapse
 
kilianvalkhof profile image
Kilian Valkhof

Be sure to check out Polypane for a browser that's all devtools!

Collapse
 
syakirurahman profile image
Syakir Rahman

Yes, i already mentioned that