Home  >  Article  >  Web Front-end  >  Seven Amazing Development Tools You May Not Know About (Share Recommendations)

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

青灯夜游
青灯夜游forward
2020-09-28 17:47:552584browse

This article will share with you and recommend seven cool development tools that you may not know or have used. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

1. BundlePhobia

BundlePhobia is used to analyze the dependencies of npm packages , bundle size, download speed estimate, etc., to help you understand the cost of introducing a package before referencing it:

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

You can also add the project's package. json file upload, BundlePhobia will help you evaluate the size and loading speed of all packages in the project:

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

2. CloudCraft

If you use AWS, then CloudCraft will help you to a great extent. CloudCraft provides a visual operation interface and drag-and-drop to design your cloud service architecture

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

CloudCraft provides statistical functions of cloud service prices to help you plan carefully

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

##3. Figma

Figma is one of the more famous ones on this list. For designers who are used to using illustrator and sketch, figma is definitely worth trying. Figma provides two versions: web and desktop. The web version is written using WebAssembly to achieve the same performance as desktop, so it can be used quickly on different operating systems. Figma can simulate various user input events and directly export design drafts into CSS, IOS styles, and Android styles.

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

4. Fontflipper

Students who are still worried about using fonts when designing or developing, You can try Fontflipper. Fontflipper has only one purpose, which is to let you choose the font that best suits your design, upload your design, add your text, switch between different fonts, and collect the ones you like. It's that simple. The disadvantage is that there is no Chinese font. .

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

5. VisBug##VisBug is a Google Chrome plug-in that was launched not long ago. VisBug can help you inspect elements, move elements, change css attributes, and find elements faster. . Greatly increase front-end development efficiency!

Seven Amazing Development Tools You May Not Know About (Share Recommendations)

Seven Amazing Development Tools You May Not Know About (Share Recommendations)##6.

Insomnia

Insomnia is a debugging API tools that support debugging Rest Api and GraphQL Api. There are good smart tips when writing graphQL queries.

Seven Amazing Development Tools You May Not Know About (Share Recommendations)7.

Flare

Flare is used to design 2D dynamic graphics, and the usage experience is similar to Figma .

Similar to codepen, you can also see other designers’ public worksSeven Amazing Development Tools You May Not Know About (Share Recommendations)

Wish you all a happy work! 1Seven Amazing Development Tools You May Not Know About (Share Recommendations)

For more programming-related knowledge, please visit:

Introduction to Programming

! !

The above is the detailed content of Seven Amazing Development Tools You May Not Know About (Share Recommendations). For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:segmentfault.com. If there is any infringement, please contact admin@php.cn delete