レスポンシブwebデザインで制作する時のポイント

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ

[hapila]

これはわかりやすい

[mochinoron]

“iPhoneのdevice-widthはポートレート表示もランドスケープ表示も320px androidのdeveice-widthは機種によって異なる？（調査中） iPhoneで縦表示から横にすると拡大されて表示される。 拡大したくない場合はmaximum-scale=1.0指定”

[kana321]

レスポンシブwebデザインで制作する時のポイント

[ecoloco]

r

[minimum_sho]

レスポンシブデザインについて

[webinstitute]

懸念点・要素の％表示あれこれ

[nakagawax]

★わかりやすくて理解しやすい。

[yukee]

レスポンシブル

[kaerimiru00]

viewportはPCにおけるブラウザのウィンドウサイズに該当する概念です。

[x1_8x]

ことりっぷ

[norip44]

レスポンシブやりまーす。

[bitgleams]

2011年9月22日記事

[mitsu_0612]

レスポンシブwebデザイン

[ShiMa]

レスポンシブwebデザインで制作する時のポイント

[kitone]

これも良いまとめ。

[aakkyy]

レスポンシブwebデザイン

[takeru-c]

レスポンシブウェブデザイン

[stakaya]

ワンソースでマルチデバイスに対応は難しいよね。

[teppeis]

viewport

[civatan55]

レスポンシブWEBデザインについての基本的な情報が出ています。i-phoneとアンドロイドの解像度の違い等も常識として知っておく必要があります。

[sutanto1983]

CSS3 レスポンシブデザイン　考え方　作り方

[kkeisuke]

@media @import viewport

[kireifish]

スマートフォン

[machupicchubeta]

css media-query design

[manji6]

レスポンシブWebデザイン＝表示Mediaタイプでデザインを上手く切り替える。

[amberjack115]

#MediaQueryとかviewportとか

[Kazabana]

cssniteのまとめ。

[hideki_a]

CSS Niteのレポート。上手くまとめられていて分かりやすいす。

[musicad]

色々面白い。リキッドレイアウトってサイトデザインもセンスが求められる気がする。余白を自由にデザインできないから

[weblife]

参考になりそう。