CSS Nite in Ginza, Vol.68「HiDPI時代のFireworks」

CSS Nite @cssnite

本日（3月21日）19時から開催するCSS Nite in Ginza, Vol.68にご参加の方に、ジャンケンなどで『魅せるWordPressサイト』を1冊プレゼントします（著者：佐々木 恵さんほか、ラトルズ刊）。... http://t.co/suut3ibqpk

はざくみ🕊 @hazakumi

CSS Nite in Ginza もうすぐはじまります〜 http://t.co/plpTj2bd7U

拡大

waka @wakawaka67

CSS Niteに参加！ #cssnite_ginza68 (@ Apple Store w/ 6 others) http://t.co/gDgmUonO20

crema : Akiko Kurono @crema

#cssnite_ginza68 今日は久しぶりにCSS Niteの実況するので、連投が気になる方はフォロー外してくださいませー。

takovine @tac_homes

css nite 行こうと思ってたけど、あきらめる。。。

kana @kana_hillary

CSS Niteだよ I'm at Apple Store http://t.co/R8MpGcOxVg

crema : Akiko Kurono @crema

#cssnite_ginza68 これも行きたい。5/25です。＞CSS Nite LP, Disk 27：スマートフォン特集（3） http://t.co/aKQfSvxPSJ

Yuko2 @yuko2_ff

今夜はCSS Nite。 (@ Apple Store w/ 13 others) http://t.co/BiLg5juTug

kandasu @kandasu

CSS Nite行けず。。

izuizu@🍓*⋆✈︎山本和泉 @izuizu

今日のCSS NiteはFireworks（花火じゃないほう）特集！スマホとかRetinaとか対応するときのあんなこととかこんなこととかです。 #cssnite_ginza68 (@ Apple Store w/ @okada41) http://t.co/4UkXi0IpQM

izuizu@🍓*⋆✈︎山本和泉 @izuizu

今日のCSS NiteはFireworks（花火じゃないほう）特集！スマホとかRetinaとか対応するときのあんなこととかこんなこととかのお話です。 #cssnite_ginza68 (@ Apple Store) [pic]: http://t.co/N4C9Y6bXwk

CSS Nite @cssnite

@crema こちらですね。 Design Cutting Edge iOS Apps With Adobe Fireworks | Smashing Fireworks http://t.co/2GgFaTEJim #cssnite_ginza68

ポム @leplaisir_

AppleStore銀座にこんな会場あったのね。とか思いつつ。 目が痒いけどがんばって聞くぞ… スマホのブラウザ向けは640ピクセルで作るんだって… ふむふむ。 #cssnite_ginza68

crema : Akiko Kurono @crema

#cssnite_ginza68 デメリットは、全てのパーツテキストを2倍計算しないといけない。PCで作業していると実機のサイズ感を掴みにくい。

crema : Akiko Kurono @crema

#cssnite_ginza68 最初にカンバスを横幅320pxにしておくと、あとから@2x画像を作りにくく、ビットマップを拡大もしにくい。

crema : Akiko Kurono @crema

#cssnite_ginza68 実機でのサイズ感を簡単に掴みたい時は、共有ライブラリ内のハードウェアのセクションに幅640pxのiPhoneの枠があるので、それを重ねる。または、LiveViewを使う。

Yuko2 @yuko2_ff

偶数値で作る。 #cssnite_ginza68

crema : Akiko Kurono @crema

#cssnite_ginza68 2倍で作るコツ。高さ幅borderの幅全てを偶数にする。

crema : Akiko Kurono @crema

#cssnite_ginza68 角丸はなるべくCSS3で実装、縮小した際つぶれてしまうことがあるため。標準のテクスチャとPhotoshopライブエフェクトは拡大縮小が効かないので使わない。

izuizu@🍓*⋆✈︎山本和泉 @izuizu

FireworksのライブラリーにiPhoneの画面とかボタンとかがあるからワイヤーとかざっくりカンプも楽ちんだねー #cssnite_ginza68

crema : Akiko Kurono @crema

#cssnite_ginza68 「一般的にiOSアプリを作る際にビットマップは敵だ」

crema : Akiko Kurono @crema

#cssnite_ginza68 Fwでビットマップを使う際には、シンボル化すること。グラフィックシンンボルは非破壊編集なので、拡大縮小しても劣化しない。回転やゆがみを加えても元画像は変化しない。

はざくみ🕊 @hazakumi

バッヂ処理便利ですよね #cssnite_ginza68

crema : Akiko Kurono @crema

#cssnite_ginza68 @2xと@1xの画像書き出し方法その1。Automatorをつかう。その2は、Shell ScriptのShipsコマンド。その3はFwのバッチを使う。誰でも使いやすく、先の2案よりも画質が良さげで軽くなるっぽい。

crema : Akiko Kurono @crema

#cssnite_ginza68 @2xと@1xの画像振り分けは。jQueryで「devicePixelRatio」判別して振り分け。