Command Line Power User - A video series for web developers on learning a modern command-line workflow with ZSH, Z, and related tools.
CSS Grid - Complete video course all about CSS Grid
Best Of JS A site to check the best GitHub Repos for your favourite js framework
CodeCademy - A series of interactive courses teaching the world how to code. Offering free and paid subscriptions across a variety of languages.
Codementor - A tool to get help from experienced developers in various coding languages on your learning journey.
Conquering Responsive Layouts - Made by Kevin Powell(https://twitter.com/KevinJPowell). This course takes you through everything you need to know to create responsive layouts in his brilliant 21-day course.
Coursera - A selection of courses from highly reputable schools like Stanford and Yale.
Flexbox - Level up your Flexbox knowledge – an online, Zombie-centric story course.
freeCodeCamp - A free resource incorporating programming projects and interview preparation for developer jobs.
Frontend Masters - Web development video tutorials from industry leaders (updated frequently). Has both free (limited-time) and paid memberships.
Dev Ed - Learn web development, web design, 3d modelling, tools like figma and more
Mozilla Developer - Videos for helping you with your work as a web designer, web developer, or person involved making websites or web apps
Academind - There's always something to learn. Whether you want to have look at Angular Tutorials or Guides, Vue.js, other Frontend Development Content or Data Science Topics or anything else - you're probably right
Sonny Sangha Project Tutorials on React, Redux, Next JS & React Native
Atom - Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file. Open Source | All Platforms
Brackets - With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers. Open Source | All Platforms
Geany - Geany is a small and lightweight integrated development environment.
IntellijIDEA - A universal IDE from JetBrains. It has code-completion, integrationa, and Version Control System (VCS).
Notepad++ - Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Windows Only
-Pycharm-Used specially for python language,It provides code analysis,a graphical debugger,an integrated unit tester,integration with version control systems and supports web development with Django as well as data science with Anaconda. All Platforms | Open Source
Sublime Text - A sophisticated text editor for code, markup and prose. All Platforms
Vim - Vim is a highly configurable text editor for efficiently creating and changing any kind of text. It is included as "vi" with most UNIX systems and with Apple OS X.
Visual Studio Code - Code editing Redefined. It has syntax highlighting and autocompletion with IntelliSense, Git commands built-in, Extensible and customizable. Open Source | All Platforms
UltraEdit - UltraEdit is a powerful HTML and Code editor available for Mac, Windows, and Linux. It comes with a built-in file comparison utility, autocompletion, advanced layout, multi-tab, multi-pane editors, and syntax highlighting for the most popular programming languages.
Nano - GNU nano is a text editor for Unix-like OS's.
Formatting Toggle - A VS Code extension that allows you to toggle the formatter (Prettier, Beautify, …) ON and OFF with a simple click.
Git History - View git log, file history, compare branches or commits
GitLens - Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
Live server - A Quick Development Live Server with live browser reload.
Path Intellisense - As you start typing a path in quotations, you will get intellisense for directories and file names.
Peacock - Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
Polacode - You know those fancy code screenshots you see in articles and tweets? Well, most likely they came from Polacode. It's super simple to use. Copy a piece of code to your clipboard, open up the extension, paste the code, and click to save your image!
Prettier - Format your code automatically on save.
Settings Sync - Settings Sync extension save your setting off in Github. Then, you can load them to any new version of VS Code with one command.
JS Bin - Live pastebin for HTML, CSS, and JS, as well as a range of processors.
Lighthouse - Open source, automated tool for improving the quality of webpages.
Colordesigner Tools - The main purpose of this tool is to help with building a color palette and generate tints and shades based on it. Just pick a color, and the app does the rest. You can use the preselected colors or the color picker for more control. Check also the other tools here
Colormind - Bootstrap - Colormind is a color scheme generator that uses deep learning to automatically apply the color pallete to a live website mockup.
Coolors- Super fast color scheme creator with a lot of functionalities