Commonly used front-end online tools

1.BootCDN

Stable, fast, and free front-end open source project CDN acceleration service
A total of 3987  front-end open source projects are included 

2. convertio- file converter:

Support more than 25600 different conversion methods among more than 300 different file formats .

3. Online Traditional Chinese Character Converter :

The conversion between simplified and traditional characters is especially useful when doing i18n.

4. Youdao online translation :

A free online translation tool under NetEase, you can query variable names, translation, Chinese-English conversion, etc.

5. codelf -custom variable name tool:

A very comprehensive tool for free online variable names

6. WebGradients

A fresh and bright free online css background gradient

7.json.cn

Online json parsing tool

8. TinyPNG :

Online image compression tool

9.Animate.css:

css animation library

10.Awesomes:

jQuery plugin library

11. More than 60 tools and methods commonly used in front-end js [strongly recommend to collect]

12.babel.js

  • Can convert ES6 code to ES5 code
  • Can be modified into code compatible with lower versions of IE
  • jsx syntax can be converted into js syntax in react

13. EnjoyCSS :

EnjoyCSS provides a simple interactive interface to help me design elements, and then automatically output the corresponding CSS code.

14.StackBlitz

  • It only takes a few seconds to write the front-end code online. Whether you are at home or an Internet cafe, you suddenly need to modify a certain part of the code. You can use this tool without a corresponding development environment.
  • 包括Angular、React(js)、React(ts)、Vue、lonic、TypeScript、Static、RxJS、Svelete

15.Bit.dev

Can realize the reuse of ui components and reduce the workload of repetitive code

16.CanIUse

A browser-compatible self-check tool

17. Make pictures  online splicing

Make a good picture-free online picture conversion processing

  • Synthesize pictures online for free, you can splice multiple pictures horizontally or vertically into a long picture, and you can choose left and right splicing pictures, up and down splicing pictures, 2-column vertical splicing, and 3-column vertical splicing.

18. Edit SVG online

19.FireShot

  • Can automatically scroll the screenshot (full screen) to meet my needs for long screenshots of web pages!

  • You can customize the area, scroll the screenshot, and meet the area I specify, such as a Zhihu answer, just slide the specified area

  • Save can be jpg, png, clipboard, or pdf.

"1" There will be useful ones that will be added and updated in the follow-up. You are also welcome to leave a message to recommend useful tools in the front-end or useful tools in other languages!

 

 

 

 

 

 

Guess you like

Origin blog.csdn.net/XU441520/article/details/114024246