Tools to Speed Up - Super Powers For Devs 🦸
Tags: productivity, javascript, beginners, webdev
Published: 2021-05-18 12:45:24

`Hello World!` We all know that developers love going faster, saving time for the real fun, so Today I have for you a compilation of cool and useful tools to save you time as a developer 😉. I don't want to steal too much time from you for useless things, so this list will boil down to the essentials. Name, the superpower it gives you, what it does and a  presentational video. Let's go!

![giphy (7)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gw5na2wckqqojeeavvr7.gif) 

---

*Hey, do you want a free javascript cheat sheet and resource compilation? Grab that [here](https://worldindev.ck.page/)*

![separation bar](https://camo.githubusercontent.com/6cdd2915fd088df0735bc29e8d3d4e72aba5dc75e3bcca4ea97c89d6d15f6299/68747470733a2f2f6465762d746f2d75706c6f6164732e73332e616d617a6f6e6177732e636f6d2f75706c6f6164732f61727469636c65732f3461736839363233317a7a677031623236696a772e676966)

---

--> Full version of the article [here](https://worldindev.ck.page/)

## [Quod Ai](https://www.quod.ai/) - Super Speed
*Smarter search for Git repositories*

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oc4wpxryvi8j4bg9q9pf.png)

Auto-search code, experts & impact in your repositories from Github/JIRA issues. Setup in 1-click. Powered by AI.

{% youtube U5Tf60GVH9k %}

--> Personally Recommended

---

## [Grepper](https://www.codegrepper.com/app/profile.php?id=182534) - Flight
*The Query & Answer System for the Ambitious Developer*

Develop faster, master your code, understand more, grow in your career. Accrue code answers to common coding problems, find code answers without thinking - using Greppers “code problem” search engine.

{% youtube Q63qjIXMqwU %}

---

## [Stack Overflow](https://stackoverflow.com/) - Know everything 😉
*Helping developers and technologists write the script of the future*

No Description needed, I hope. 

{% link https://dev.to/devlorenzo/do-you-stack-overflow-47bp %}

---

## [Tabnine](https://www.tabnine.com/) - Supersenses
*Code faster with AI completions*

Tabnine is the world’s leading AI code completion tool, trusted by over 1 million developers in all programming languages.

{% youtube twPtvZuBrAg %}

---

## [Notion](https://www.notion.so/product) - Mind-control
*All-in-one workspace*

One tool for your whole team. Write, plan, and get organized. Notion helps students, teams, enterprises, and startups grow.  

{% youtube oTahLEX3NXo %}

---

## [Slack](https://slack.com/intl/en-it/)  - Mind-to-mind communication
*Slack makes it downright pleasant to work together*

Slack is the collaboration hub that brings the right people, information, and tools together to get work done. From Fortune 100 companies to corner markets, millions of people around the world use Slack to connect their teams, unify their systems, and drive their business forward.

{% youtube vXC3kHb_YEI %}

---

## [Discord](https://discord.gg/7sRmnhCs6H) - Mind-to-mind communication for gamers
*Create an invite-only place where you belong*

Imagine a place where you can belong to a school club, a gaming group, or a worldwide art community. Where just you and handful of friends can spend time together. A place that makes it easy to talk every day and hang out more often.

{% youtube TJ13BA3-NR4 %}

---

## [Stack Overflow For Teams](stackoverflow.com/teams) - Telepathy
*Knowledge sharing and collaboration without distractions*

Stack Overflow for Teams is a knowledge management & collaboration solution that technologists already trust.

{% youtube HJtJXMKpl2g %}

---

##  [Trello](https://trello.com/en) - Ability to locate things mentally
*Trello helps teams move work forward*

Collaborate, manage projects, and reach new productivity peaks. From high rises to the home office, the way your team works is unique—accomplish it all with Trello.

{% youtube AyfupeWS0yY %}

---

##  [Miro](https://trello.com/en) - Illusions
*Where teams get work done*

The online collaborative whiteboard platform to
bring teams together, anytime, anywhere.

{% youtube E4PiBUVHlLo %}

---

##  [Figma](https://www.figma.com/) - Advanced Illusions 
*Minds meeting minds is how great ideas meet the world*

Figma brings your teams together to design better products from start to finish. 

{% youtube AyfupeWS0yY %}

---

## [Carbon](https://carbon.now.sh/) - Elasticity
*Create and share beautiful images of your source code*

You know all of those code screenshots you see on Twitter? Although the code's usually impressive, we thought there was room for improvement in the aesthetic department. So what are you waiting for? Go try it out and impress all your developer and designer friends. 🎨

{% youtube LmZGQr-nbbU %}

---

## [Unsplash](https://unsplash.com/) - Energy Manipulation
*The internet’s source of freely-usable images. Powered by creators everywhere.*

Over 2 million free high-resolution images brought to you by the world’s most generous community of photographers. Unsplash is internet’s source of freely usable images.

![mathias-p-r-reding-QdqK4doOzcQ-unsplash](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dmf3wo7vfufh11pfuqy.jpg)
 
---

## [Codepen](https://codepen.io/DevLorenzo) - Self-liquification

👋 CodePen is a social development environment. At its heart, it allows you to write code in the browser, and see the results of it as you build. A useful and liberating online code editor for developers of any skill, and particularly empowering for people learning to code. We focus primarily on front-end languages like HTML, CSS, JavaScript, and preprocessing syntaxes that turn into those things.

{% youtube vb9uYBtqmeM %}

---

## [Repl](https://replit.com/~) - Self-duplication
*Code, create, and learn together*

Use our free, collaborative, in-browser IDE to code in 50+ languages — without spending a second on setup.

{% youtube LYYX9zP3Jp8 %}

---

## [Dev Hints](https://devhints.io/) - Intangibility

Hey! I'm @rstacruz and this is a modest collection of cheatsheets I've written.

My note - Don't trust the tagline, the collection is awesome

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dr86su9a572v9zao01gd.png)
 
---

## [Dev Docs](https://devdocs.io/) - Absorbing someone else’s powers

DevDocs combines multiple developer documentations in a clean and organized web UI with instant search, offline support, mobile version, dark theme, keyboard shortcuts, and more.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u1549lkz5r680u4ev3px.png) 
 
---

## [JSON formatter](https://jsonformatter.org/) - Density control

JSON Formatter and JSON Validator help to format and validate your JSON text. It also provides a tree view that helps to navigate your formatted JSON data.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0b088zak79jowpc9dhqi.png)
 
---

## [Can I use](https://caniuse.com/) - Telekinesis

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dv35tugv7gcc3l0c2y4t.png) 

---

## [Gradient Magic](https://www.gradientmagic.com/) - Magnetic forces
*A Free Gallery of Fantastic and Unique CSS Gradients* 

Gradient Magic is the largest gallery of CSS Gradients on the web, with new and exciting gradients added all the time.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fu2imb6qb106d4px3g8t.png)

---

## Bonuses:

### Mobile Apps

1 - Programming Hub
2 - SoloLearn
3 - Mimo
4 - Programiz
5 - Enki

{% link https://dev.to/devlorenzo/best-free-mobile-apps-for-code-learning-57lp %}

### Top Google Chrome Extensions For Devs 

1. [Quod Ai](https://chrome.google.com/webstore/detail/quod-ai-automatic-code-se/meglmkkpdmcimaaknnmllpbnnclnnipn) → Automatically show source code search suggestions and context from Github or JIRA issues for productive software development 

2. Shortcuts for google → Open google apps with a click

3 - Video Speed Controller → Allow you to control the speed of a video with shortcuts and to overcome the 2x speed

4 - Code Line Daily → every day a line of code in your browser (HTML, CSS, and Javascript)

5 - Volume Manager → Manage the volume of a tab

6 - VisBug → Open source web design debug tools built with JavaScript: "a FireBug for designers".

7 - Better-OneTab → Allow you to manage and save your tabs

8 - Grammarly for chrome → Correct my English 😀

9 - Color Zilla → Pick up a color from any web page and copy the hex

Or:

9 - Quick color picker

10 - What Font → Check the font of any web page.

11 - Dimension → Check the dimensions (in pixels) of elements / their distance

12 - Lorem Ipsum Generator → Generate lorem ipsum test quickly

13 - CSS viewer → CSS property viewer

14 - Window Resizer → Allow you to resize the web page (for responsive webpages)
Web Developer → Adds a toolbar button with various web developer tools.

15 - Vinium → The Hacker's Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.

16 - You can also install an Ad Blocker like AdBlock or AdGuard

{% link https://dev.to/worldindev/top-google-chrome-extensions-for-devs-2mkf %}

### Terminal Commands

```js
Clear: type "clear" / ctrl + l (windows - Linux) / Command + K (Mac)
help - show all comands
help commandName - help about a specific command
ctrl+D or ctrl+C * 2 to exit 
```

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rw9tupgasp2ytyauymc4.png)
 
{% link https://dev.to/worldindev/the-most-useful-terminal-commands-how-to-work-with-directories-51l8 %}

### Resource list to learn Math

1 - Khan academy
2 - The EDx Math courses
3 - IXL Math Courses
4 - I practice Math
5 - School Yourself
6 - Essentials of Linear Algebra - Youtube

{% link https://dev.to/worldindev/finally-how-to-understand-math-awesome-resource-list-4end %}

---

Thanks for reading, hope you as fast as he is now:

![giphy (8)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xd0h88tp7wlethunm1zi.gif)

Remember the ❤️ if you appreciated or even better..

## [Subscribe to our Newsletter!](https://worldindev.ck.page/)
The full PDF version of my articles!
Curated Weekly digeeeeeest every Tuesday
4 JS Cheat Sheets for free, received in no time
Gifts, lots of 🎁. We send cheat sheets, coding advice, productivity tips, and many more!

--> Already more than 1200 subscribers!

![separation bar](https://camo.githubusercontent.com/6cdd2915fd088df0735bc29e8d3d4e72aba5dc75e3bcca4ea97c89d6d15f6299/68747470733a2f2f6465762d746f2d75706c6f6164732e73332e616d617a6f6e6177732e636f6d2f75706c6f6164732f61727469636c65732f3461736839363233317a7a677031623236696a772e676966)