最近リリースされた「Adobe Fireworks CSS3 Mobile Pack」をいれてみた。
これはかなり便利そう。。。。


早速いれようと思ったらエラー>< まじか( ゚ρ゚ )

よくみたら、DW5.5.の体験版を入れてたのでEXTENSION MANAGER CS5.5になってるし、製品がDWしかない。
CS5に選択できないのかなーと思いつつ体験版の残数がもうなかったのでアンインストール。

無事インストール完了。

Fireworksを起動して[メニュー] → [ウィンドウ] → [エクステンション] → [CSS Propeties] でプロパティのパネルが開きます。


オブジェクトを選択して左下の更新ボタンをおせばコードをはきだしてくれます。
パネルにある「All」ボタンをクリックすると、コードがクリップボードにコピーされます。

background-color:#ffffff;

/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(255,255,255) 0%,
rgb(242,173,164) 98%); 

/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 89%,
color-stop(0, rgb(255,255,255)),
color-stop(0.98, rgb(242,173,164)));

/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(255,255,255) 0%,
rgb(242,173,164) 98%);

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(255,255,255) 0%,
rgb(242,173,164) 98%);

background-image:
linear-gradient(-90deg,
rgb(255,255,255) 0%,
rgb(242,173,164) 98%);

width:87px;

height:40px;

border-color:#ffffff;

border-width:2px;

/* Firefox v1.0+ */
-moz-border-radius:6px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:6px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:6px;

border-style:solid;

/* Firefox v3.5+ */
-moz-transform: matrix(2.2,0,0,2.18,0,0);
-moz-transform-origin:center;

/* Safari v3.1+  and by Chrome v9.0+ */
-webkit-transform: matrix(2.2,0,0,2.18,0,0);
-webkit-transform-origin:center;

/* Opera v10.5+ */
-o-transform: matrix(2.2,0,0,2.18,0,0);
-o-transform-origin:center;

transform: matrix(2.2,0,0,2.18,0,0);
-transform-origin:center;

/* Firefox v3.5+ */
-moz-box-shadow:3px 3px 2px rgba(0,0,0,0.25);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.25);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
box-shadow:3px 3px 2px rgba(0,0,0,0.25);

filter:
	progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffffffff,endColorstr = #fff2ada4,GradientType = 0)
	progid:DXImageTransform.Microsoft.Matrix(M11 = 2.2,M21 = 0,M12 = 0,M22 = 2.18, SizingMethod = 'auto expand')
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 3,OffY = 3,Color = #40000000,Positive = true);

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffffffff,endColorstr = #fff2ada4,GradientType = 0) progid:DXImageTransform.Microsoft.Matrix(M11 = 2.2,M21 = 0,M12 = 0,M22 = 2.18, SizingMethod = 'auto expand') progid:DXImageTransform.Microsoft.dropshadow(OffX = 3,OffY = 3,Color = #40000000,Positive = true)";

なかなかの長さです。丸ごと全部つかうことはないだろうし。

サンプル(ちょっと修正)

サンプル

それとjQuery MobileのテーマをDW連動して作成できるようです。
まさにCSS3 MOBILE PACKというネーミングどおりですね。
それはまた次の機会に あるのかw

チュートリアルもあり。