OnlineRegularExpressionVisualizationRegulex是一款可视化的正则表达式开源工具，直接输入正则表达式即可可视化显示。并且可以导出svg格式的图片，获取固定链接，如下图。这无论是自己使用，还是解释给别人听，都非常方便。OnlinePostman需要注册才能使用，但如果你已经安装了类似的应用程序，则不需要。Postman是一个超级强大的Chrome扩展，用于发送HTTP请求。做网页开发测试的应该大家都不陌生吧！在测试后端API接口时非常有用。GET、POST、DELETE、OPTIONS和PUT都受支持。CSS3剪切路径（Clip-path）在线生成工具这是一款可以在线调整生成CSS3剪切路径的工具。如果你想玩转一些花哨的款式，它是必备的。该工具是免费提供的。CSSUILib是一个CSSUI动画库，由腾讯AlloyTeam前端开发团队创建。主要收集国内外具有友好体验和创意的界面组件demo。除了使用CSS3技术外，还使用了HTML5、JS、JX、jQuery等技术，实现了完美的外观和交互体验。选择一个Demo，点击“可视化工具”，进入所见即所得模式。画布背景动画可以在线编辑。JSRUN.NET是一个非常动态的在线代码运行平台。您可以粘贴代码并将其放入您的项目中，以实现很多酷炫的背景效果！缺点是加上这个的话，运行负荷会很大。一般推荐，如果只是需要爽，还是值得拥有的。在线代码主题配色工具codemirrorcolor配色工具和上面同一个网站。如果你觉得你的编辑器代码的颜色主题颜色不好，可以用它来慢慢调整。Colorsinspo在线配色Colorsinspo是一个用于获取色彩灵感的在线调色板。它收集了超过一千种优秀的配色方案。您只需单击所需的颜色即可复制要使用的颜色代码。是设计师和前端工程师值得拥有的在线配色工具。比之前BossDesign分享的上色工具更强大，是最好的设计上色工具。兼容性查询CanIUseCaniuse用于检查浏览器对各种新功能的兼容性。可以查询各个浏览器各个版本下某个jsapi或者css属性的兼容性。EventLoop可视化JavaScriptVisualizer9000对于前端初学者了解EventLoop非常有用。CSS代码生成UI中有时会出现一些渐变效果，CSS无法复制。这时候可以使用一个在线工具——cssmatic生成渐变CSS，可以生成四种CSS代码，渐变，阴影等。
