📚简介
包含了不同类别的工具和网站,如 CSS 演示库、配置生成器、计算类工具、编码类工具、图片视频类工具、规范类工具和其他类别的工具。这些工具和网站可以帮助前端开发人员更高效地完成开发任务并提高开发效率。
我将持续更新~
Mark!Mark!Mark!
🎨CSS 类
CSS 演示库
内含 Button 、Checkbox、Switch、Card
CSS Transform 2D/3D 生成器
它是一个操作直观的模拟变换执行结果的工具。 可以在 2D/3D 方向上直观地操作平移 (移动)、旋转、缩放 (放大/缩小)、倾斜 (扭曲)。它还支持变换原点 (旋转轴)、透视 (透视/视点)、透视原点 (消失点)。 此外,还可以直观地显示目标元素和原始 X、Y、Z 轴。
CSS Transition 生成器
CSS transition Generator | Front-end Tools - High-performance and intuitive HTML / CSS generator
CSS 渐变生成器
CSS 优惠券生成器
CSS Videojs 皮肤生成器
Svg 波浪背景生成器
CSS 毛玻璃形态效果生成器
是一个提供在线玻璃特效生成的网站。该网站支持自定义图片,用户可以上传自己的图片并选择不同的玻璃特效样式,例如磨砂玻璃、雾面玻璃、透明玻璃等。此外,该网站还提供了多种滤镜和特效,用户可以通过调整参数和样式来自定义玻璃特效。生成的玻璃特效图片可以下载或直接分享到社交媒体平台。
🛠️配置类
Nginx 配置生成器
🧮计算类
缓动函数
👨💻编码类
Css Style 转 Flutter Style
Convert css style to flutter style
代码片段生成器 Snippet Generator
snippet generator 是一个很小的 React App,可以帮助您创建 Visual Studio Code、Sublime Text 和 Atom 代码片段
📷图片视频类
图片压缩 Squoosh
图片分割工具
图片分割工具,支持垂直、水平、拆分成块
Image Splitter - 将图像切割成碎片 - 免费在线工具
高质量图片
Beautiful Free Images & Pictures | Unsplash
AI 去除背景
📏规范类
生产包版本标签
Version Badge for npm, RubyGems, PyPI, Bower and other packages
快捷生成标准 README
🤔其他类
字符计数器
它是一种对实时测量的字符、数字、符号、换行符等进行计数的工具。 当你考虑到搜索引擎优化措施和博客文章的字数时,请使用它。 它还支持半角浊音标记和半浊音标记/代理对。
Characters Counter | Front-end Tools - High-performance and intuitive HTML / CSS generator
正则测试工具
Regexr 是一个在线的正则表达式测试工具,用户可以输入正则表达式模式和相应的字符串进行测试和调试。它提供了实时反馈和提示,使得用户能够更快速地编写和调试正则表达式。此外,Regexr 还提供了一个正则表达式库,其中包含了很多实用的正则表达式示例,用户可以在库中查找适合自己需求的正则表达式。
RegExr: Learn, Build, & Test RegEx