This may sound crazy, but developers are lazy. I know, unbelievable. Some of us are, we need to automate lots of our tasks because repetition can be tiring. So let me show you some tools I find extremely useful, either because they make my life easier or because they push me to write more accessible code.
We've all done it. Type
lsyou lazy, lazy person !
These tools will either be browser/IDE extensions, web apps or CLIs.
Web apps
Bundlephobia
You'd like to use a new dependency but you're not sure if it'll have a major impact performance-wise?
➡️ bundlephobia
Coolors
Looking for a cool color combination for a personal project and you're tired of looking around the room for inspiration?
️➡️ coolors
Carbon
You'd like to share a code snippet with style for a presentation? (Keep in mind that these pictures are not accessible)
➡️ carbon.now
Snippet generator
You have a live-coding session and you'd like to use code snippets to be more efficient?
Generate them using this tool & add them to your IDE of choice.
Wolfram Alpha
You have a complex mathematical problem on your hands? Or a complicated if statement you'd like to simplify? Input it in this tool and retrieve its truth table, venn diagram & other useful data to make your life easier !
DevHints
You keep on forgetting the syntax of that one framework or tool?
➡️ DevHints
Caniuse
Want to check if a feature is supported by a specific browser?
➡️ caniuse
Browser extensions
headingsMap
Are your headings accessible to screen readers? Do you want to see if your headings are in the wrong place?
➡️ Chrome
➡️ Firefox
WCAG Color contrast checker
Looking to avoid contrast problems with your application? Do you want an understanding of which elements of your screen have a bad contrast ratio at a glance?
➡️ Chrome
➡️ Firefox
Screencastify
Want to record your web app for a demo?
➡️ Screencastify (for Chrome only)
Axe
Want to execute automated accessibility tests very easily? (Axe won't test every accessibility concerns you may have, manual testing is also recommended)
➡️ axe
VSCode extensions
Bracket Pair Colorizer
Lost in a forest of { and }?
Git graph
Sick of living in the console for your Git commands?
➡️ Git Graph
GitLens
Want to see who coded what?
➡️ GitLens
Live Share
Want to live-edit a file collectively in your IDE?
➡️ Live Share
CLIs
ngrok
You're working on a project and want to show your local environment to someone who's not here?
➡️️ ngrok
svgo
Want to optimize your svg files and remove all the noise?
➡️ svgo
tldr
Someone told you to RTFM (as much as I hate this expression) and you despise the usual man display?
➡️ tldr
fkill
Want to kill that pesky process but kill won't do it?
➡️ fkill
gitmoji CLI
Want to easily commit something following the gitmoji syntax?
➡️ gitmoji CLI
gitmoji changelog
Do you wish to generate a beautiful changelog based on your gitmoji commits?
I hope you've found at least one tool that will make your life easier.
If you'd like to share one of your own, feel free to send them to me on Twitter @christo_kade or right here in the comments!
Top comments (32)
19 dbdesigner.id to create Entity Relationship Diagram 😎😎😎.
This can help you to collaborate with your team on web and cut off your step in generate SQL Create database.
I write this article to explain more about this devtool medium.com/@didin1453fatih/databas...
an alternative dbdiagram.io/
Yes, this is alternative for opensource project.
Didn't know about
ngrok. It looks very useful! Thanks!I use it a lot! It is really useful to share a local app when you are pair-programming remotely 👍
How does it work, more exactly?
ngrok http 3000creates a tunnel on the port 3000 and expose it on an url. So you have to start your app on port 3000 then it is available to the url 🎉Great alternative to be mentioned is localhost.run it’s actually just an ssh command forwarding your local traffic which results in not needing to install anything on your local machine.
Doesn't look to secure - their website doesn't even have a valid SSL certificate 😅
LOL... it definitely was valid when I visited their site 😅
Nice article 👏
If someone use gitmoji-cli there is gitmoji-changelog that generates changelog for projects using gitmoji convention 😄
Thank you ! I use it quite often, I should have mentioned it 😬
for people in the same network as you,
ifconfigwill do, then share your ipIs it "ipconfig", or am i wrong? Sorry if its another tool named as ifconfig.
I believe ifconfig is on Unix based systems while ipconfig is for Windows.
👍
Nice tools! Thanks for share!
These projects are definitely worth checking out:-
MEVN-CLI - Light speed setup for MEVN stack-based apps.
teachcode - A tool to develop and improve a student’s programming skills by introducing the earliest lessons of coding.
Hi! I have a dozens of plugins ( some of them could be broken, anyway ) - helping to automate typical devops tasks - git/azure/azure-devops/whatever
github.com/melezhik/sparrow-plugins
To use plugins you'll need a Sparrow6 - Raku Automation Framework.
One more productivity tool: Freeter
And here is a story on how I boosted my productivity with it: dev.to/alexk/how-i-boosted-my-prod...
holy holy. this fkill works. bless you sir!
Concerning the Gitmoji topic there is also a browser extension for Chrome and Firefox. Have a look to the source code: github.com/johannchopin/gitmoji-br...