| 设计尸和程序猿都知道，CSS 写格式有多好看，写代码的过程就多痛苦。其实这不仅适用于 CSS：抓虫子简直是对身体和心灵的双重打击，即使多次投喂也无法弥补受伤的心灵。
深深理解前端童鞋的辛苦，CSS Hat 表示，我可以帮你减轻痛苦，所以「忘了手动 coding 吧」。只要你任选 PhotoShop 中设计稿的某一图层，CSS Hat 就会把其样式精确地转换成 CSS 代码。
听起来很神奇，不过 CSS Hat 确实能够大大节约你耗费在 coding 上的时间。只要选定图层就能即时得到代码，图层填充、边框、阴影什么的细节都打包提供给你。CSS Hat 还具备多图层功能，即用户可以同时选中多个图层，它会分别提供每层的代码，省去了逐个选择的时间。
字体、字重等细节在设计中都超级重要，CSS Hat 在这一点上可谓是贴心小帮手，它甚至可以导出一个图层中的多种字体样式。而且，不仅是 CSS，你还可以选择导出为 Less、Sass、Stylus 等其他程序语言。 CSS Hat 还拥有一系列中间件，帮助扩展它的功能。例如这一款名为「Webfont Helper」的中间件就能提供可兼容的字体，以及它在 Typekit.com 或者 Google Fonts 上的链接。用户可以点击屏幕下方的消息提醒来下载需要的字体。
用 CSS Hat 导出的代码格式整洁，并且颜色便于区分。它提供预览功能，用户可以看到代码在网页上的效果如何；此外「复制」功能还能让你方便地复制部分或者是单行代码。 需要注意的是，目前 CSS Hat 仅支持 iOS 和 Windows Phone 平台，而且新版仅适用于最新的 PhotoShop CC 2014。如果你使用的是旧版 PhotoShop，也可以购买旧版的 CSS Hat。
CSS Hat 服务需要付费，目前售价为 34.99 美元，它支持团队成员使用，折扣价格是每个密钥 29.74 美元。如果有需要，你还可以打包购买 69.99 美元的 Hat 套件，其中包括 CSS Hat、PNG Hat 和 iOS Hat，现在购买还可以立省 25 美元。 |
