CSS Nite in SAPPORO, Vol.11「実践！ スマートフォン対応サイト制作」まとめ
-
cssnite_sapporo
- 3671
- 0
- 1
- 6
-
- いいね！6
cssnite_sapporo
@cssnite_sapporo
スマートフォン端末の数は一万を超える。全部対応するの無理。運営も楽にしたい。なのでワンソースで済むレスポンシブウェブデザイン #cssnite_sapporo11
2013-11-09 14:17:27
CSS Nite
@cssnite
CSS Nite in SAPPORO, Vol.11、はじまりました。 http://t.co/uhuvdYQj8s #cssnite_sapporo11 http://t.co/Vu9NRslu4U
2013-11-09 14:19:16
cssnite_sapporo
@cssnite_sapporo
事例：Skinny TiesやSONY http://t.co/FHc7Ls6ULs #cssnite_sapporo11
2013-11-09 14:20:29
cssnite_sapporo
@cssnite_sapporo
ブレークポイントは768pxが一般的。メディアクエリの条件はmax-device-widthからmax-widthへ #cssnite_sapporo11
2013-11-09 14:21:28
cssnite_sapporo
@cssnite_sapporo
Chromeの拡張「Dimensions」プレビューモードが良い #cssnite_sapporo11
2013-11-09 14:23:03
misudu
@hexagon63
viewport 今はwidth=device-width, initial-scaleだけでよいみたい。 #cssnite_sapporo11
2013-11-09 14:25:37
cssnite_sapporo
@cssnite_sapporo
Fluid images：max-width:100% + height: auto で基本はOK #cssnite_sapporo11
2013-11-09 14:29:03
cssnite_sapporo
@cssnite_sapporo
デスクトップ向けコンテンツの、スマホでの調整が難しいなら、display:noneでごそっと消す手も。 #cssnite_sapporo11
2013-11-09 14:32:32
HB_sai
@hb_sai
@cssnite_sapporo 了解です♪ ノートPC使ってる人はひざがポカポカしてると思われw #cssnite_sapporo11
2013-11-09 14:38:26
たーみー
@aspic2com
Css nite参加。会場の雰囲気のせいかいつもよりまったり。ただ椅子席なのでこれでアンケート書いたりお菓子食べたりは向かないよね。
2013-11-09 14:40:21
cssnite_sapporo
@cssnite_sapporo
いよいよ、まぼろしスタッフの登場です！松田さんによる「凝ったレスポンシブWebデザイン実装と画像の最適化」です。 #cssnite_sapporo11
2013-11-09 15:06:31
cssnite_sapporo
@cssnite_sapporo
SVGはベクターグラフィックなので、どこまで拡大してもボケない。img要素やbackground-imgでも呼べる #cssnite_sapporo11
2013-11-09 15:09:52
cssnite_sapporo
@cssnite_sapporo
SVGはXMLコードで書き出される。単純な図形であればファイルサイズはかなり軽くなる #cssnite_sapporo11
2013-11-09 15:11:11
cssnite_sapporo
@cssnite_sapporo
逆にパスが多い複雑な図形になると、SVGは途端に重くなる #cssnite_sapporo11
2013-11-09 15:11:59