Table of Contents
2. CloudCraft" >2. CloudCraft
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! " >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!
Insomnia is a debugging API tools that support debugging Rest Api and GraphQL Api. There are good smart tips when writing graphQL queries. " >Insomnia is a debugging API tools that support debugging Rest Api and GraphQL Api. There are good smart tips when writing graphQL queries.
Flare is used to design 2D dynamic graphics, and the usage experience is similar to Figma . " >Flare is used to design 2D dynamic graphics, and the usage experience is similar to Figma .
Home Web Front-end Front-end Q&A Seven Amazing Development Tools You May Not Know About (Share Recommendations)

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

Sep 28, 2020 pm 05:47 PM
front end development tools design

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 of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Retro trend! HMD and Heineken jointly launch flip phone: transparent shell design Retro trend! HMD and Heineken jointly launch flip phone: transparent shell design Apr 17, 2024 pm 06:50 PM

According to news on April 17, HMD teamed up with the well-known beer brand Heineken and the creative company Bodega to launch a unique flip phone - The Boring Phone. This phone is not only full of innovation in design, but also returns to nature in terms of functionality, aiming to lead people back to real interpersonal interactions and enjoy the pure time of drinking with friends. Boring mobile phone adopts a unique transparent flip design, showing a simple yet elegant aesthetic. It is equipped with a 2.8-inch QVGA display inside and a 1.77-inch display outside, providing users with a basic visual interaction experience. In terms of photography, although it is only equipped with a 30-megapixel camera, it is enough to handle simple daily tasks.

Starting at 649 yuan, Kubi Cube Xiaoku Tablet 2 Lite is here: 11-inch eye-protecting large screen + 8000mAh large battery Starting at 649 yuan, Kubi Cube Xiaoku Tablet 2 Lite is here: 11-inch eye-protecting large screen + 8000mAh large battery Mar 05, 2024 pm 05:34 PM

According to news on March 4, Kubi Rubik's Cube will launch the "Xiaoku Tablet 2Lite" tablet computer on March 5, with an initial price of 649 yuan. It is reported that the new tablet is equipped with Unisoc’s T606 processor, which uses a 12nm process and consists of two 1.6GHz ArmCortex-A75 CPUs and six ArmCortex-A55 processors. The screen uses a 10.95-inch IPS eye-protection screen with a resolution of 1280x800 and a brightness as high as 350 nits. In terms of imaging, Xiaoku Tablet 2Lite has a 13-megapixel main camera on the rear and a 5-megapixel selfie lens on the front. It also supports 4G Internet access/calls, Bluetooth 5.0, and Wi-Fi5. In addition, the official claimed that this tablet&l

ZTE 5G portable Wi-Fi U50S goes on sale for NT$899 at first launch: top speed 500Mbps ZTE 5G portable Wi-Fi U50S goes on sale for NT$899 at first launch: top speed 500Mbps Apr 26, 2024 pm 03:46 PM

According to news on April 26, ZTE’s 5G portable Wi-Fi U50S is now officially on sale, starting at 899 yuan. In terms of appearance design, ZTE U50S Portable Wi-Fi is simple and stylish, easy to hold and pack. Its size is 159/73/18mm and is easy to carry, allowing you to enjoy 5G high-speed network anytime and anywhere, achieving an unimpeded mobile office and entertainment experience. ZTE 5G portable Wi-Fi U50S supports the advanced Wi-Fi 6 protocol with a peak rate of up to 1800Mbps. It relies on the Snapdragon X55 high-performance 5G platform to provide users with an extremely fast network experience. Not only does it support the 5G dual-mode SA+NSA network environment and Sub-6GHz frequency band, the measured network speed can even reach an astonishing 500Mbps, which is easily satisfactory.

Teclast M50 Mini tablet is here: 8.7-inch IPS screen, 5000mAh battery Teclast M50 Mini tablet is here: 8.7-inch IPS screen, 5000mAh battery Apr 04, 2024 am 08:31 AM

According to news on April 3, Taipower’s upcoming M50 Mini tablet computer is a device with rich functions and powerful performance. This new 8-inch small tablet is equipped with an 8.7-inch IPS screen, providing users with an excellent visual experience. Its metal body design is not only beautiful but also enhances the durability of the device. In terms of performance, the M50Mini is equipped with the Unisoc T606 eight-core processor, which has two A75 cores and six A55 cores, ensuring a smooth and efficient running experience. At the same time, the tablet is also equipped with a 6GB+128GB storage solution and supports 8GB memory expansion, which meets users’ needs for storage and multi-tasking. In terms of battery life, M50Mini is equipped with a 5000mAh battery and supports Ty

Honor Magic V3 debuts AI defocus eye protection technology: effectively alleviates the development of myopia Honor Magic V3 debuts AI defocus eye protection technology: effectively alleviates the development of myopia Jul 18, 2024 am 09:27 AM

According to news on July 12, the Honor Magic V3 series was officially released today, equipped with the new Honor Vision Soothing Oasis eye protection screen. While the screen itself has high specifications and high quality, it also pioneered the introduction of AI active eye protection technology. It is reported that the traditional way to alleviate myopia is "myopia glasses". The power of myopia glasses is evenly distributed to ensure that the central area of ​​​​sight is imaged on the retina, but the peripheral area is imaged behind the retina. The retina senses that the image is behind, promoting the eye axis direction. grow later, thereby deepening the degree. At present, one of the main ways to alleviate the development of myopia is the "defocus lens". The central area has a normal power, and the peripheral area is adjusted through optical design partitions, so that the image in the peripheral area falls in front of the retina.

How to design the end page of ppt to be attractive enough How to design the end page of ppt to be attractive enough Mar 20, 2024 pm 12:30 PM

At work, ppt is an office software often used by professionals. A complete ppt must have a good ending page. Different professional requirements give different ppt production characteristics. Regarding the production of the end page, how can we design it more attractively? Let’s take a look at how to design the end page of ppt! The design of the ppt end page can be adjusted in terms of text and animation, and you can choose a simple or dazzling style according to your needs. Next, we will focus on how to use innovative expression methods to create a ppt end page that meets the requirements. So let’s start today’s tutorial. 1. For the production of the end page, any text in the picture can be used. The important thing about the end page is that it means that my presentation is over. 2. In addition to these words,

PHP and Vue: a perfect pairing of front-end development tools PHP and Vue: a perfect pairing of front-end development tools Mar 16, 2024 pm 12:09 PM

PHP and Vue: a perfect pairing of front-end development tools. In today's era of rapid development of the Internet, front-end development has become increasingly important. As users have higher and higher requirements for the experience of websites and applications, front-end developers need to use more efficient and flexible tools to create responsive and interactive interfaces. As two important technologies in the field of front-end development, PHP and Vue.js can be regarded as perfect tools when paired together. This article will explore the combination of PHP and Vue, as well as detailed code examples to help readers better understand and apply these two

Questions frequently asked by front-end interviewers Questions frequently asked by front-end interviewers Mar 19, 2024 pm 02:24 PM

In front-end development interviews, common questions cover a wide range of topics, including HTML/CSS basics, JavaScript basics, frameworks and libraries, project experience, algorithms and data structures, performance optimization, cross-domain requests, front-end engineering, design patterns, and new technologies and trends. . Interviewer questions are designed to assess the candidate's technical skills, project experience, and understanding of industry trends. Therefore, candidates should be fully prepared in these areas to demonstrate their abilities and expertise.

See all articles