CSS hatは以前の記事で紹介しましたが、 Photoshopでレイヤーに適用したレイヤースタイルを CSSに書きだしてくれるプラグインです。 そのプラグインがいつの間にかバージョン1.1.0になって 出来ることも増えていたので、紹介しておきます。 出力の形式が増えた 以前まではCSSのみだったのですが、 Less、SCSS、SASS、Stylus、StylusCSSでの出力もされるようになりました。 SCSS、SASSはCompass、Stylus、StylusCSSはnibを利用することを 想定したコードを出力してくれます。 例えば、下のようなものをPhotoshopで作ると、 以下のようなSCSSを吐き出してくれます。 // add these lines to the beginning of .scss file: @import "compass/css3/bord