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

0
crema : Akiko Kurono @crema

#cssnite_ginza68 または、CSS3のMediaQueryで背景画像を振り分ける。

2013-03-21 19:30:14
crema : Akiko Kurono @crema

#cssnite_ginza68 または、CSS$の「-webkit-image-set()」で振り分ける。

2013-03-21 19:31:22
izuizu@🍓*⋆✈︎山本和泉 @izuizu

Fireworksのシンボル可はほんまおすすめです #cssnite_ginza68

2013-03-21 19:31:50
crema : Akiko Kurono @crema

#cssnite_ginza68 またはMedia QueryのJS版「window.matchMedia」で振り分ける。

2013-03-21 19:32:20
crema : Akiko Kurono @crema

#cssnite_ginza68 これをつかう>Conditionizr: the conditional free legacy, retina, touch, script and style loader http://t.co/JOaUDTqa6A

2013-03-21 19:34:59
crema : Akiko Kurono @crema

#cssnite_ginza68 脱ビットマップ。脱img要素。SVG + Web Fonts。

2013-03-21 19:35:37
izuizu@🍓*⋆✈︎山本和泉 @izuizu

会社とかブランドのロゴマークはどう扱ったらいいかなぁ…脱ビットマップ…#cssnite_ginza68

2013-03-21 19:35:47
crema : Akiko Kurono @crema

#cssnite_ginza68 modanizrを使ってSVGを対応デバイスだけで使う、とか。

2013-03-21 19:36:39
crema : Akiko Kurono @crema

#cssnite_ginza68 (どうしても写真を使わないといけないデザインの場合、どうすればいいのかなぁ、とかはおもう。)

2013-03-21 19:38:11
crema : Akiko Kurono @crema

#cssnite_ginza68 FireworksのCSSスプライト機能はHiDPI時代では使えない。Retina対応をしてくれないので。Sass + Compassなどに任せたほうが良い。

2013-03-21 19:39:18
crema : Akiko Kurono @crema

#cssnite_ginza68 CSS3、SVGが出力できるのが、Fwの強み。

2013-03-21 19:39:40
crema : Akiko Kurono @crema

#cssnite_ginza68 まぼろしさんでは、device-pixel-ratio = 3 対応はまだ実施していない、とのこと。

2013-03-21 19:42:32
crema : Akiko Kurono @crema

#cssnite_ginza68 Appleサイトのトップページは、@1xで見た時は800KBだけど@2xのときは6MBの重さがあるらしい。

2013-03-21 19:44:17
crema : Akiko Kurono @crema

#cssnite_ginza68 (私も最近は@1xの画像を作らないで、@2xの画像を使い回しています。)

2013-03-21 19:47:22
crema : Akiko Kurono @crema

#cssnite_ginza68 SVGを使うときのサイズ指定は、HTML側で対応してもいいしCSSで対応してもいい。

2013-03-21 19:49:27
crema : Akiko Kurono @crema

#cssnite_ginza68 Webフォントかは、FwのほうがAiyori

2013-03-21 19:50:40
crema : Akiko Kurono @crema

#cssnite_ginza68 Webフォント化は、FwのほうがAiよりラク。

2013-03-21 19:51:12
CSS Nite @cssnite

@crema たった今、松田さんにご確認いただいたところ、アップルのトップページは1.8MBになっているようです(ちょっと前まで6MB)。 #cssnite_ginza68

2013-03-21 19:56:37
crema : Akiko Kurono @crema

#cssnite_ginza68 次は狭間 句美さん(ふわっと)、森 和恵さん(r360studio)による「仕事で使える、アイコン作画のコツとSVG変換のススメ」です! ただいま、狭間 句美さんが鷹野さんをアイコン化してました。かわいい!

2013-03-21 19:57:00
松田直樹 / SVG伝道師 @readymadegogo

失礼しました。今は1.8MBになっていました。 “@crema: #cssnite_ginza68 Appleサイトのトップページは、@1xで見た時は800KBだけど@2xのときは6MBの重さがあるらしい。”

2013-03-21 19:57:59