Awesome Tools and Technologies I Use as a Developer!

#javascript #webdev #python #vscode

Hey, There!👋

Welcome, back to another post of Top N! It's a series where I post Top 10, Best 5, etc. kind of things! And, well, today's post is about a few awesome tools I actually use as a developer!

Common Tools(Irrespective of Language)

ShareX - For screenshots, screen recs., etc. Software. Open Source. Cross-platform.
Photopea - For a photoshop experience online. Website. Free with Ads.
SQLite Viewer - Online .db, .sqlite3, etc. File Viewer. Open Source. Website.
DB Browser for SQLite - Software for viewing .db, .sqlite3, etc. files. Software.
DevDocs - To view documentation for any programming language, technology, framework, etc. online. Website. Can be Installed as an app.
Shields.io - For generating badges for GitHub. Open Source. Website.

Language Specific

Python

Kite Copilot - For Viewing Documentation while you code. Software.
Anaconda - As Implementation. Software.
Unofficial Python Binaries - For installing packages that are failing through pip. Website.
PyQt5 - For GUI development. Library.
[Flask]h(ttps://flask.palletsprojects.com/en/1.1.x/) - For Easy and Simple back-ends. Library. Has Plugin Support.
Flask-SQLAlchemy - For Database Management in Flask. Library.
Django - For complex back-ends. With more functionality. Library.
Requests - For dealing with web requests and responses. Library.
Sphinx - For Generating Documentation. Library.

HTML, CSS, JS - Static or Front-end

Bootstrap - To quickly boot up a simple front-end. UI Framework. Open Source.
keyframes.app - For quick CSS animations. Website.
UnDraw - For SVGs at hand. Website. Free.
Material IO - For quick and simple icons. Free.
FontFlipper - To quickly get a set of custom Fonts. Website. Free.
Unsplash - For High-Quality Stock Photo API. Website. Free.
Pexels - For downloading High-Quality Stock Photos. Website. Free.
JSFiddle - Client-Side Code Sandbox. Website. Free.
Netlify - For Deploying Static Websites. Website. Free and Paid.

Back-end

NodeJS - For JavaScript Back-Ends. Uses Chrome's V8 Engine. Free.
Express(JS) - For easy routing and server management. Package.
Heroku - For Deploying Back-ends. PaaS.
Ruby on Rails - For server-side programming with Ruby. Web-application Framework.
MongoDB - For Database management in JavaScript and Node.

Browser Extensions

ColorZilla - For Instant Color Picker from the screen.
Wappalyzer - For Seeing the tech stack of a website.
Open in VS Code - For opening GitHub files directly inside VS Code.
CSSViewer - For viewing and inspecting CSS on a page.
Grammarly - For writing better GitHub comments and Dev. Blogs.
Momentum - For a Better New Tab experience.
FireShot - For Taking Screenshots.

That's The End!

Well, I talked about a lot of tools, today! And I use these. If you want I could publish a slightly more detailed post on Unofficial Python Binaries. Comment below! But anyway, good byeeeeeeee for today!