List of Tools for DEV
Tags: tools, list, dev, web
Published: 2021-04-22 00:58:17

[[Clique aqui para ler em português]](https://medium.com/walternascimentobarroso-pt/lista-de-ferramentas-para-dev-331da4c979cb)

There are many very interesting sites on the internet, and many help a lot for developers, this is a list of all the sites and tools that I find useful at this moment, and as I find others I will update.

# Web Tools 
https://www.wappalyzer.com/
https://www.tango.us/
https://chrome.google.com/webstore/detail/blackbox-select-copy-past/mcgbeeipkmelnpldkobichboakdfaeon
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=pt
https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en
https://chrome.google.com/webstore/detail/prodeus/aglakbhkijgpmoploegcpnbnedgiampn
https://lottiefiles.com/
https://codeclimate.com/
https://rollbar.com/#

# GIT

https://www.toptal.com/developers/gitignore

# HTML Tools

https://unicode-table.com/en/
https://web.dev/measure/
https://uigradients.com/


# Free Online Courses

https://freecourses.github.io/category/html

# WYSIWYG Website Creation

[Pingendo Bootstrap 4 builder](https://pingendo.com/)

[LayoutIt! — Interface Builder for CSS Grid and Bootstrap](https://www.layoutit.com/pt)

# Share text

https://dontpad.com/

# tailwindcss

https://flowbite.com/docs/getting-started/introduction/

# Create annotations

https://www.notion.so/

https://evernote.com/intl/pt-br

# Send form free

https://formspree.io/

# Youtube Download

https://yout.com/

https://pt.savefrom.net/

# Temporary message 

https://www.delete.im/

# Temporary Email

 https://10minutemail.com/

# Images for fills 

https://placekitten.com/

https://placeholder.com/

# Share Code

https://codepen.io

https://paste.myst.rs/

# Create diagrams

https://app.diagrams.net/

# Rest Requests

https://insomnia.rest/

https://www.postman.com/

# Chat Tools

https://rocket.chat/pt-br/

https://slack.com/intl/pt-br/

# CSS editing tools

https://hype4.academy/tools/glassmorphism-generator
https://css.glass/
https://ui.glass/generator/

https://bennettfeely.com/clippy/

https://www.gradient-animator.com/

# CSS animations

https://animate.style/

# Visit old sites

https://archive.org/web/

# Localhost

http://localhost.run/

https://theboroer.github.io/localtunnel-www/

# Improving the use of VScode

[VS Code Can Do That?](https://vscodecandothat.com)

## VScode extensions

https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

https://marketplace.visualstudio.com/items?itemName=lukinco.lukin-vscode-theme

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug

https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime

## Vscode settings file

{% gist https://gist.github.com/walternascimentobarroso/5fd480e031c007db25823dde9ac95696 %} 

***

## Thanks for reading!

If you have any questions, complaints or tips, you can leave them here in the comments. I will be happy to answer!

😊😊 See you! 😊😊