List of Tools for DEV

[Clique aqui para ler em português]

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

LayoutIt! — Interface Builder for CSS Grid and Bootstrap

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?

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

	{
	// Define the theme
	"workbench.colorTheme": "Lukin Theme",
	// Define icon theme
	"workbench.iconTheme": "material-icon-theme",
	// Novo arquivo sempre em branco
	"workbench.startupEditor": "newUntitledFile",
	// Aumenta a font do terminal
	"terminal.integrated.fontSize": 14,
	// Ajusta as configurações
	"editor.tabSize": 2,
	"editor.fontSize": 18,
	"editor.lineHeight": 24,
	// Não compacta pastas vazias (mostrando so o caminho)
	"explorer.compactFolders": false,
	// Não seleciona a linha toda
	"editor.renderLineHighlight": "gutter",
	// Exibi o nome da pasta no arquivo
	"workbench.editor.labelFormat": "medium",
	// Remove recomendação automaticas
	"extensions.ignoreRecommendations": true,
	// Mostra as breadcrumds para chegar no arquivo
	"breadcrumbs.enabled": true,
	// Cria regras para forcar o tamanho do codigo em 80 e no maximo 120
	"editor.rulers": [80, 120],
	"liveServer.settings.donotShowInfoMsg": true,
	// Tags com fechamento automático
	"emmet.syntaxProfiles": { "html": "xhtml" },
	// Indentação
	"[javascript]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[html]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[jsonc]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	// Deixa a area do titulo com o layout mais fluido
	"window.titleBarStyle": "custom",
	// Mudar cor das tabs e do breadcrumb
	"workbench.colorCustomizations": {
	"[Lukin Theme]": {
	"tab.activeBackground": "#333",
	"breadcrumb.background": "#333",
	"tab.hoverBackground": "#333"
	}
	}
	}

view raw settings.json hosted with ❤ by GitHub

---

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! 😊😊

Comments

[Cocominikki]

Actually I prefer to install [url=shareitmod.com]shareit mod[/url app rather than other app that enables users to share content peer-to-peer between devices in real time. You can [url=shareitmod.com]try it[/url too!

[TvO]

What a shitty list lol.