Recommend 12 necessary tools to improve programmers' soft skills and efficiency. I love it 👍

Hello everyone, I’m your cat brother, that super cat who doesn’t like fish and meows~

The content of this issue is a bit unusual, let's first come to a few online drawing tools.

1. draw.io

draw.io is a free online chart editing tool that can be used to edit workflows, BPM, org charts, UML, ER diagrams, network topology diagrams, etc. It is free, and the created charts may be unlimited.

You can also log in with GitHub authorization, and then save the flowcharts you created in the GitHub repository, and you can also open the saved process diagrams in the GitHub repository!

Brother Mao has been using this to draw pictures, and then he created a private GitHub repository to store these pictures, which is very easy to use.

https://www.draw.io/

2. ProcessOn

ProcessOn is an aggregation platform of online drawing tools. It can draw flowcharts, mind maps, UI prototype diagrams, UML, network topology diagrams, organizational structure diagrams, etc. online.
Regardless of Mac or Windows, a browser can be creative and planning work anytime, anywhere.

The disadvantage is that free users can create 9 pictures, not unlimited.

https://www.processon.com/

3. excalidraw

Excalidraw is a very lightweight online whiteboard tool, which can be opened directly in the browser to easily draw graphics hand-drawn style

For example, you can draw such a graph:

• An open source and free drawing software
• The most comfortable drawing software I have seen so far
• Support multi-person collaboration

https://excalidraw.com/

4. whistle

The proxy capture tool is very good and powerful.

A cross-platform web debugging proxy tool based on Node. A similar tool is Fiddler on the Windows platform. It is mainly used to view and modify HTTP, HTTPS, and Websocket requests and responses. It can also be used as an HTTP proxy server.

Different from the way that Fiddler modifies request responses through breakpoints, whistle uses a similar way of configuring system hosts. All operations can be achieved through configuration, supporting multiple matching methods such as domain names, paths, regular expressions, wildcards, and wildcard paths. , And can expand the function through the Node module.

https://wproxy.org/whistle/

5. Easy Mock

Easy Mock is an extremely simple, efficient, visual and online mock service that can quickly generate simulated data produced by the Hangzhou Dasouche wireless team. Organizing the Mock List in the way of project management can help us better manage the Mock data.

However, the website is currently under filing and cannot be accessed temporarily. It will take a few days to wait.

https://www.easy-mock.com

6. Fiddler

Fiddler is an easy-to-use packet capture tool that can intercept, retransmit, edit, and transfer data packets sent and received by network transmission. It can also be used to detect network security.

https://www.telerik.com/fiddler

6. GitHub Statistics

GitHub Global Ranking: This ranking is very authoritative.

Every developer who is open source on GitHub wants to know his ranking on GitHub. Simply enter your GitHub username in the input box above, and you can see your statistics.

For example, the statistics of Brother Mao: https://gitstar-ranking.com/biaochenxuying

https://gitstar-ranking.com/

8. Ink knife

Prototyping tools, prototyping, design, flow chart, mind map...Enjoy the fun of creation and achieve team and individual achievements

• Product design is more than fast. Simply drag and drop to quickly complete product design, leaving more time for thinking
• Flexible size, unlimited creation, suitable for all kinds of mobile products, web design, background management, mini programs, event prototypes...
• Support the production of high-fidelity and low-fidelity prototypes, which can perfectly meet the needs of the team whether it is work communication or customer display

https://modao.cc/

8. Blue Lake

A sharing platform for product documents and design drawings to help Internet teams better manage documents and design drawings.

Blue Lake can display Axure online, automatically generate design icon notes, share design drawings with the team, and display the jump relationship between pages.

• Efficient product design collaboration platform
• Seamlessly connect product, design, and R&D processes
• Reduce communication costs, shorten development cycles, and improve work efficiency

Most domestic designers and front-ends are using this to dock ps files, it's really easy to use!

https://lanhuapp.com

10. PxCook

• From design to code, let the team collaborate efficiently
• Efficient and easy-to-use automatic tagging tool, generating front-end code, designing and developing a collaborative tool

https://www.fancynode.com.cn/pxcook

11. removebg

A tool for cutting out artifacts that eliminates the background of pictures: 100% automatic-only 5 seconds-no clicks-free.

Remove.bg is a very amazing and powerful online portrait photo/item image background quick removal tool. You only need to upload the image, and it will use the "artificial intelligence" technology to automatically remove the background for you, and it can be given in 5 seconds. You have a transparent photo of the subject with the background removed. The whole process is very simple and foolish, you don't need to spend any energy to cut out your own pictures at all.

https://www.remove.bg/zh

12. ps-uupoop

PS Online Photo Editor is a professional and streamlined online PS photo making and processing software tool, which can be used to correct, adjust and beautify images directly when opened in the browser.

Compared with similar software, uupoop supports more file formats, including psd, xd, sketch, xcf, raw, pdf and common image formats.

After the overall experience, I think uupoop has 80% of the functions of the original PS, which can basically meet the editing needs of light-weight editing or emergency situations.

https://www.uupoop.com/

At last

Well, a must-have tool project for improving the soft skills of programmers, today I recommend these 12 first.

Please see the treasure warehouse below for the previous essays, please enter carefully!

https://github.com/FrontEndGitHub/FrontEndGitHub

For how to find good open source projects, you can read this article: GitHub-How to Discover Excellent Open Source Projects

Unknowingly, FrontEndGitHub the open source project has been open source for almost half a year, and has been updated and maintained . The original articles have been written to the 44 issue, almost every one is a cat brother. Carefully selected high-quality open source projects, the projects in every article pushed are almost helpful for front-end development.

Originality is not easy. It takes a few nights for a high-quality article to come out. It takes a lot of time and energy to screen and write the reason for recommendation. After reading the article, the big guys can easily come up with a one-click three-connection. Be a little encouragement to Brother Cat.

essays

• recommend 9 Node.js learning, advanced, debugging analysis, actual combat blockbuster open source projects
• soared 110K Star! The top 10 top front-end learning resource projects with the most annual growth!
• Recommend 7 open source projects for Vue2, Vue3 source code decryption analysis
• Vue3 learning tutorial summary, source code explanation project, supported UI component library, high-quality actual combat project

Public number: front-end GitHub , focusing on mining excellent front-end open source projects on GitHub, and recommending them in the form of topics. There are about 10 good projects per topic, and one to three excellent articles will be pushed every week, which has been recommended. There are nearly 300 outstanding projects on topics such as interview projects, css strange skills projects, code specification projects, data structure and algorithm projects, management background templates, and front-end essential online tools.

I hope you can learn more programming knowledge, improve programming skills, and find the joy of programming while browsing and learning these open source projects recommended by Supercat.

When I first met, I didn't know what to give you. search for 160ae54738bc76 front-end GitHub , reply e-book will you 160ae54738bc7a 1000+ this essence programming e-book; reply 1024 give you a complete set of front-end video tutorials. absolutely free, no routines get .

If you see this and like this article, please help look good at .