设计工具

CSS VALUES是一个CSS属性值在线查询工具，可检索任意属性的语法、合法取值及浏览器兼容信息，支持按模块分类查看，并附带MDN与W3C文档链接，帮助开发者快速确认CSS书写方式。

Colorhexa是一款在线颜色查询与转换工具，提供HEX、RGB、HSL等格式互转，可生成调色板、渐变色代码，并支持色盲模拟，帮助设计师和开发者高效获取精准的颜色数据与配色灵感。

Webpack 是流行的模块打包工具，可将 JavaScript、CSS、图片等前端资源视为模块进行依赖分析并打包成浏览器可用的静态文件。它支持代码拆分、热更新和丰富插件，适合中大型前端项目的构建优化与工程化管理。

Bower 是面向网页前端资源的包管理器，能通过命令行自动获取并管理框架、库和静态资源，采用扁平依赖结构优化加载，支持多源安装与 bower.json 清单记录，方便与构建工具集成。目前官方推荐向 Yarn 和 Vite 迁移。

CSS Gradient 是 ColorZilla 提供的在线 CSS 渐变生成器，具备类似 Photoshop 的可视化编辑器，支持多色标、透明度调节及径向渐变，可实时生成跨浏览器兼容的 CSS 代码，还提供图像导入、预设渐变库和 Sass 输出等功能。

一个在线可视化CSS三次贝塞尔曲线生成工具，可拖动控制点调节动画缓动节奏，实时输出cubic-bezier()代码并支持动画预览与一键复制，适合前端开发者快速调试过渡与关键帧动画。

CSSgenerator是一个免费的在线CSS代码生成工具集，通过滑块和拾色器实时预览并生成盒子阴影、渐变、边框、圆角、变形、滤镜、多列布局等效果，支持一键复制标准CSS代码，无需注册即可使用。

提供大量可预览、可复制的 CSS3 动画合集，支持社区提交与多种代码格式引用，适合前端开发者和设计师快速查找并集成网页动效。网站界面简洁，无需注册即可浏览复制，部分功能需配合外部库使用。

W3C 提供的免费在线标记验证服务，支持通过网址、文件上传或直接输入方式检查 HTML、XHTML 等标记是否符合规范，提供详细的错误报告和文档大纲辅助调试。

CSS validator是W3C提供的免费在线CSS校验服务，支持多版本规范与多设备媒介检查，通过URI、上传或直接输入方式检测样式代码的错误和警告，辅助开发者提升网页标准化和兼容性。

CSS Hake是一个纯CSS抖动动画库，通过为元素添加预设类名即可实现多种摇晃效果，无需JavaScript。提供基础抖动、方向固定、透明度变化及持续控制等功能，支持按需加载，适合前端开发者快速集成微交互动效。

Stylus中文网是CSS预处理器Stylus的中文文档站点，提供语法说明、在线编译试用、安装指南及API参考，帮助前端开发者用更灵活的语法高效编写样式。

一个收集高性能 CSS 过渡与动画效果的项目，包含模态框、按钮、列表项等多种组件的演示，全部由纯 CSS 实现，无额外依赖，适合前端开发者寻找交互动画灵感与参考代码。

Animate.css 是一个纯 CSS 动画库，提供数十种预设动效类名，只需为 HTML 元素添加类即可实现跨浏览器动画，适合前端开发者快速为网页添加弹入、淡出等视觉反馈。

Sass 是成熟的 CSS 扩展语言，提供变量、嵌套、混入和模块化等功能，将动态语法编译为兼容的标准 CSS，帮助开发者高效管理样式代码，广泛应用于前端开发与框架构建。

在线合并多张小图标为一张精灵图，自动生成CSS背景定位代码。支持自定义间距与排列，可预览并下载成品图，适合前端开发者优化页面请求与加载效率。

Spritecow 是一个在线雪碧图辅助工具，通过点击图片即可快速获取背景位置、宽度和高度，并生成可直接复制的 CSS 代码，适合需要手动提取雪碧图图标坐标的前端开发者使用。

在线身体质量指数计算工具，支持公制与英制单位及多国评判标准，可自动保存历史记录，帮助用户快速评估体重状况。