Ultimate Tools for Developers ๐
source link: https://dev.to/dostonnabotov/ultimate-tools-for-developers-2aj2
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Hey, there! ๐
Let me introduce you to this community-driven list of awesome tools for developers. It is a open-source project, built by the community. So, feel free to contribute to this list. You can find the contribution guidelines at the end of this post.
Alright, let's get started! ๐
Table of Contents
Code Editors and IDEs ๐ป
Being a free and open-source code editor, Visual Studio Code is a great tool for developers. It comes with a lot of features and extensions that make it a great choice for developers.
Simply put, CodeSandbox is an online version of Visual Studio Code.
The github.dev web-based editor is a lightweight editing experience that runs entirely in your browser.
There are 2 ways to open a web-based editor
- Press the
.key on any repository or pull request - Swap .com with .dev in the URL. E.g.
https://github.dev/username/repo
CodePen is a playground for the front end side of the web. It's a place to experiment, test and show off your front end work. Also, you can find many inspirations from other developers.
Replit is a simple, powerful, and collaborative online IDE. It's a great place to code, collaborate, and host your projects.
A web IDE for Front-end and Full Stack developers.
Wanna play around with TypeScript? TypeScript Playground is a right place for you.
Images ๐ผ
Easily find beautiful, high-quality photos for your next project. All photos are free to use for commercial and personal use.
Pexels is a great source of free stock photos. All photos are free to use for commercial and personal use.
Carbon is a great platform to create and share beautiful images of your code, allowing you to customize the image with syntax highlighting, themes, fonts, and more.
Colors ๐จ
Never waste Hours on finding the perfect Color Palette again! Just Enter a Color! And Generate nice Color Palettes
Create the perfect palette or get inspired by thousands of beautiful color schemes.
Want to know what colors look good together? Canva's Color Wheel makes color combinations easy.
Typography ๐
Google Fonts is a library of free licensed font families. Simply choose the fonts you want, either download them to your computer or use the provided CSS or HTML links to embed them in your web pages.
If you don't want to grab fonts from CDN, then use self-host Open Source fonts in neatly bundled NPM packages.
Nerd Fonts patches developer targeted fonts with a high number of glyphs (icons).
Design ๐จ
A free, online and collaborative interface design tool and prototyping tool.
Pinterest is a visual discovery tool that you can use to find ideas for all your projects and interests.
Documentation ๐
The best platform to learn web development. Whenever you have a question about HTML, CSS, JavaScript, or any other web technology, always check MDN first.
A reference for pretty much any programming language you could imagine.
One of the greatest platforms for tips, tricks and techniques on using CSS (Cascading Style Sheets).
Tools ๐
Wait a second! Tools within tools? Yes, you heard it right. Here are some tools that will help you to find more tools. ๐
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's a great place to ask questions and get answers.
A collection of useful tools for developers.
A collection of useful tools for developers.
Can I Use provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Have you ever struggled to create a favicon for your website? Different sizes, different formats, different platforms.
Quickly generate your favicon from text, image, or choose from hundreds of emojis.
Both free and premium icon library.
Find a massive collection of cheat sheets for different technologies in an organized format.
A polyglot web converter. Easily convert HTML to Pug, TypeScript to JavaScript, Markdown to HTML and much more...
A website where you can find all the tools with better user experience.
A great tool for organizing your issues and pull requests in a team.
Contributing ๐ค
Want to contribute? Here's how:
- Find an awesome tool that is not on this list and you think it should be ๐ค
- Provide the title, description, and link of the tool to give a brief idea about it ๐
- Add "๐" (diamond) at the end of your comment. Why? Because you deserve it ๐! Also, it's easier for me to find your comment as well ๐
- Bookmark the post, and you can always view the latest tools as we update ๐
Conclusion ๐
I hope you found this list useful. And, it's not over yet! We'll keep expanding and updating this list with more tools.
If you have any questions, feel free to ask in the comments. Thanks for reading! ๐
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK