CSSのみでグラデーションが生成できるlinear-gradient関数は便利ですが、実際に利用しようとすると以下のような課題が発生します。

• ベンダープリフィックス（-moz-や-webkit-）を付けた記述をいくつか書かなければならない
• ビジュアルデザイン上（PSD上）で設定されたグラデーション設定（カラー・位置）を、色の数だけコピ＆ペーストしなければならない

これらの課題はグラデーションの数が増えれば増えるほど負担になってきます。そこで、SassとPhotoshopのスクリプトを利用して、クロスブラウザなCSS3グラデーションを簡単に実現する方法をご紹介します。

対応ブラウザ

• Internet Explorer(6〜10)
• Firefox
• Safari
• Google Chrome
• Opera

• ※ IE8以下はCSS3 PIEでサポート。

• 続きを読む

• ※ とりあえず最新版のスクリプトを入手されたい方は、「追記（2012年1月21日）--Ver.0.3.2リリース」をお読み下さい。

CSS3でグラデーション（gradient）が設定できるようになったことから、実装中にビジュアルデザインからグラデーション設定を取得する機会が増えるのではと思われます。

そこで、レイヤースタイルのグラデーションオーバーレイの設定を取得するスクリプトが書けないか模索していたところ、Adobe Forumに「How to get the style of a layer using photoshop scripting ??」のスレッドが立っており、その中でグラデーションオーバーレイの設定を取得するコードのサンプルが掲載されていました。

著作権については明示されていませんが、利用しても良さそうな雰囲気でしたので、少しコードを変更した上で試してみました。CSS3のグラデーションの記述に役立てて頂ければと思います。

• スクリプトのダウンロード（Ver.0.2.1）

• 続きを読む

PSDファイル内のテキストレイヤーの中身を、テキストファイルに書き出すスクリプトを書いてみました。仕事で時々PSDからテキストを取らなければならない場合があり、なんとか効率出来ないものかということから、実験的に試してみました。

• 続きを読む