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