Awesome Tools and Technologies I Use as a Developer!
Tags: javascript, webdev, python, vscode
Published: 2021-04-24 11:06:26

# Hey, There!👋
Welcome, back to another post of [Top N](https://dev.to/pybash/series/12145)! 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)
1. [**ShareX**](https://getsharex.com) - For screenshots, screen recs., etc. Software. Open Source. Cross-platform.
2. [**Photopea**](https://photopea.com) - For a photoshop experience online. Website. Free with Ads.
3. [**SQLite Viewer**](https://inloop.github.io/sqlite-viewer/) - Online .db, .sqlite3, etc. File Viewer. Open Source. Website.
4. [**DB Browser for SQLite**](https://sqlitebrowser.org/) - Software for viewing .db, .sqlite3, etc. files. Software.
5. [**DevDocs**](https://devdocs.io) - To view documentation for any programming language, technology, framework, etc. online. Website. Can be Installed as an app.
6. [**Shields.io**](https://shields.io) - For generating badges for GitHub. Open Source. Website.

# Language Specific
## Python
1. [**Kite Copilot**](https://www.kite.com/copilot/) - For Viewing Documentation while you code. Software.
2. [**Anaconda**](https://anaconda.com) - As Implementation. Software.
3. [**Unofficial Python Binaries**](https://www.lfd.uci.edu/~gohlke/pythonlibs) - For installing packages that are failing through [pip](https://pypi.org/project/pip). Website.
4. [**PyQt5**](https://pypi.org/project/PyQt5/) - For GUI development. Library.
5. [**Flask**]h(ttps://flask.palletsprojects.com/en/1.1.x/) - For Easy and Simple back-ends. Library. Has Plugin Support.
6. [**Flask-SQLAlchemy**](https://flask-sqlalchemy.palletsprojects.com/en/2.x/) - For Database Management in Flask. Library.
7. [**Django**](https://www.djangoproject.com/) - For complex back-ends. With more functionality. Library.
8. [**Requests**](https://docs.python-requests.org/en/master/) - For dealing with web requests and responses. Library.
9. [**Sphinx**](https://www.sphinx-doc.org/en/master/) - For Generating Documentation. Library.

## HTML, CSS, JS - Static or Front-end
1. [**Bootstrap**](https://getbootstrap.com/) - To quickly boot up a simple front-end. UI Framework. Open Source.
2. [**keyframes.app**](https://keyframes.app) - For quick CSS animations. Website. 
3. [**UnDraw**](https://undraw.co) - For SVGs at hand. Website. Free.
4. [**Material IO**](https://fonts.google.com/icons?selected=Material+Icons) - For quick and simple icons. Free.
5. [**FontFlipper**](https://fontflipper.com) - To quickly get a set of custom Fonts. Website. Free.
6. [**Unsplash**](https://unsplash.com) - For High-Quality Stock Photo API. Website. Free.
7. [**Pexels**](https://pexels.com) - For downloading High-Quality Stock Photos. Website. Free.
8. [**JSFiddle**](https://jsfiddle.net/) - Client-Side Code Sandbox. Website. Free.
9. [**Netlify**](https://netlify.com/) - For Deploying Static Websites. Website. Free and Paid.

## Back-end
1. [**NodeJS**](https://nodejs.org/en/) - For JavaScript Back-Ends. Uses Chrome's V8 Engine. Free.
2. [**Express(JS)**](https://expressjs.com/) - For easy routing and server management. Package.
3. [**Heroku**](http://heroku.com/) - For Deploying Back-ends. PaaS.
4. [**Ruby on Rails**](https://rubyonrails.org/) - For server-side programming with Ruby. Web-application Framework.
5. [**MongoDB**](https://www.mongodb.com/) - For Database management in JavaScript and Node.

# Browser Extensions
1. [**ColorZilla**](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp) - For Instant Color Picker from the screen.
2. [**Wappalyzer**](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg) - For Seeing the tech stack of a website.
3. [**Open in VS Code**](https://chrome.google.com/webstore/detail/open-in-vscode/pfakkjlkpobjeghlgipljkjmbgcanpji) - For opening GitHub files directly inside VS Code.
4. [**CSSViewer**](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce) - For viewing and inspecting CSS on a page.
5. [**Grammarly**](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen) - For writing better GitHub comments and Dev. Blogs.
6. [**Momentum**](https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca) - For a Better New Tab experience.
7. [**FireShot**](https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg) - 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!