CSS Nite in SAPPORO, Vol.11「実践！ スマートフォン対応サイト制作」まとめ
-
cssnite_sapporo
- 3678
- 0
- 1
- 6
-
- いいね！6
cssnite_sapporo
@cssnite_sapporo
まぼろしの制作事例：Adobeのサイトの汎用アイコンはSVGになっている #cssnite_sapporo11
2013-11-09 15:17:05
cssnite_sapporo
@cssnite_sapporo
問題点：IEやFirefoxでは、Web Fontsを使わない（無視する）設定ができる／アイコンだけで文字がないとコーディングが変 #cssnite_sapporo11
2013-11-09 15:19:38
cssnite_sapporo
@cssnite_sapporo
ビットマップでしか表現できないこともある。軽量化やブラウザキャッシュを考慮して、できる限りの最適化を #cssnite_sapporo11
2013-11-09 15:22:24
cssnite_sapporo
@cssnite_sapporo
Data URI Scheme：画像などの外部ファイルをBase64形式に変換してコードに直接読み込ませる。ただしコードがものすごく長くなる #cssnite_sapporo11
2013-11-09 15:23:54
cssnite_sapporo
@cssnite_sapporo
Data URI Schemeは、ローディングのGifアイコンや重要アイコン、ロゴなど、汎用的で運用上変更の少ない画像や、少しでも早く表示させたい画像が使いどころ。各種Webサービスでも使われていることが多い #cssnite_sapporo11
2013-11-09 15:26:05
cssnite_sapporo
@cssnite_sapporo
Data URI Schemeのデメリットは、ファイルサイズが1.33倍になることや、ブラウザキャッシュが取れないこと。Gzip転送を使ってみよう #cssnite_sapporo11
2013-11-09 15:27:37
cssnite_sapporo
@cssnite_sapporo
さてここからは松田さんのお話の後半戦。レスポンシブWebデザインのお話に入っていきます #cssnite_sapporo11
2013-11-09 15:31:20
cssnite_sapporo
@cssnite_sapporo
凝りに凝ったレイアウトのRWDが増加中。DNA／Audiのプロモーションサイト／ニューヨーク市公式サイト #cssnite_sapporo11
2013-11-09 15:33:30
舞
@maiiishiyama
まぼろしの松田さんが紹介していたレスポンシブサイト http://t.co/CTasmMG2co #cssnite_sapporo11
2013-11-09 15:36:44
cssnite_sapporo
@cssnite_sapporo
実は、最新のCSSを使うとCSS側でコンテンツの表示順を変えることができます。前のセッションでコンテンツの表示順について話した、中の人感動しつつも涙目です。 #cssnite_sapporo11
2013-11-09 15:36:58
cssnite_sapporo
@cssnite_sapporo
CSS Region Moduleを使うと、コンテンツの表示順だけでなく、結合や分離もできる。 #cssnite_sapporo11
2013-11-09 15:38:13
cssnite_sapporo
@cssnite_sapporo
CSS3では、幅広のコンテンツで多段組にするプロパティもある #cssnite_sapporo11
2013-11-09 15:42:46
cssnite_sapporo
@cssnite_sapporo
少し会場が寒くなってきたようですので、空調を調整しています。しばらくお待ちください #cssnite_sapporo11
2013-11-09 15:43:23
cssnite_sapporo
@cssnite_sapporo
一部のブラウザでしか使えないプロパティばかりじゃないか／大丈夫、俺たちにはJavaScriptがある／intention.jsのすすめ #cssnite_sapporo11
2013-11-09 15:44:23
ハム (´ ºムº `) / HAMWORKS
@h2ham
intention.js は知らなかったー。 http://t.co/olj3MUITT7 #cssnite_sapporo11
2013-11-09 15:47:01
cssnite_sapporo
@cssnite_sapporo
レスポンシブなサイトを作るとき、テーブルの扱いに困った人は数多い。かなり高度なテクニックだが、DOMを操作して、幅がある程度縮まると定義リスト化するという手も #cssnite_sapporo11
2013-11-09 15:51:47
cssnite_sapporo
@cssnite_sapporo
松田さん「一回ウィンドウ縮めたのに、もっかい戻す人なんているんですかね？」 #cssnite_sapporo11
2013-11-09 15:53:46
cssnite_sapporo
@cssnite_sapporo
RWD（レスポンシブウェブデザイン）の「デザイン」は「設計」 #cssnite_sapporo11
2013-11-09 15:58:51
cssnite_sapporo
@cssnite_sapporo
RWDの定義にこだわらない。CSSもJSも使えるものは使う #cssnite_sapporo11
2013-11-09 15:59:23
cssnite_sapporo
@cssnite_sapporo
Android2.xへの対応はいつまで必要なのか…もうすぐ登場から2年経つので、機種変更で減っていくかも！ #cssnite_sapporo11
2013-11-09 16:01:31
cssnite_sapporo
@cssnite_sapporo
さて、ひと休みのスイーツタイム。よっちママさん特製のお菓子をどうぞ♪ #cssnite_sapporo11
2013-11-09 16:04:46
cssnite_sapporo
@cssnite_sapporo
ふなっしー！！もったいなくて食えないなっしー！ #cssnite_sapporo11 http://t.co/qjBYyvVkgz
2013-11-09 16:18:40
拡大
cssnite_sapporo
@cssnite_sapporo
中の人はふなっしーでしたが、アンパンマンやリラックマもあります！いったい何種類作ってくださったのか気になります！ #cssnite_sapporo11
2013-11-09 16:19:23
たーみー
@aspic2com
今回の内容おもしろい。色々考えながら聞いていますが、何KB軽くなるとかそんな話今でも聞くと思わなかったよなあ。1998年の話？インフラ整備早よ！ #cssnite_sapporo11
2013-11-09 16:19:45