网页工具

本模块收录 在线工具 相关笔记与实战记录，请从左侧目录选择具体章节。

开发相关

• Can I use 兼容性查询
• carbon 代码图片生成

沙箱

• CodeSandbox
• Codepen

正则

• 正则可视化工具
  • regulex
  • regexper
• regex101在线正则测试工具
• regexgen生成与一组字符串匹配的正则表达式
• any-rule正则大全

代码编译

• ast 生成器
• rollup

JS 相关

• Babel
• TypeScript

Vue

• Vue Template Explorer
• Vue 3 Template Explorer
• Vue SFC Playground

CSS 预处理器

• Scss
• Less
• Stylus
• Stylus 中文站点

代码生成

• webcode.toolsWeb 代码生成工具(CSS、HTML、meta 信息、JSON 等)

CSS 相关

• CSS Grid Generatorgrid 布局
• FANCY-BORDER-RADIUSborder-radius 圆角
• CSS Shadows Generatorbox-shadow 阴影
• Cubic-Bezier贝塞尔曲线
• Easing Gradients渐变
• Clippy — CSS clip-path makerclip-path
• Neumorphism/Soft UI generator border-radius / background / box-shadow

SVG 相关

• Get Waves SVG 波浪生成器

图片处理

• remove.bg 去除图像背景

图片压缩

• docsmall
• TinyPNG