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

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.

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:

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:

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

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

##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.

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. .

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!

##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.

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 works

Wish you all a happy work!

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!