2012年2月25日（土）18:00に開催されたSaCSS Vol.31に参加してきました。今回は「レスポンシブデザイン」と、「パララックス効果」について3人の方がスピーカーとして解説されました。
レスポンシブwebデザインにおいてのレイアウトパターン例
株式会社クライスト・アドヴァンの高橋様は、レスポンシブデザインとはどのようなものか、ターゲットとなる媒体、振り分けるサイズなどについて解説されました。スマートフォンがターゲットとなる部分について、媒体の中心がスマートフォンへ移行していっているのを感じました。
レスポンシブウェブデザイン解説
エスオーエル株式会社の石山様は、レスポンシブウェブデザインを制作する上で、横幅の設定を％にする、メディアクエリによる振り分けを行うなどCSSの組み方の対する注意点を解説されました。レスポンシブウェブデザインはまだ日本では受け入れづらい模様とのことですが、より多機能になる媒体への柔軟な対応として覚えておく必要性を感じました。
パララックス効果の実装方法解説
SaCSSの主催の長谷川様は、パララックス（視差効果）を使ったWEBサイトについて、どのようなものか、そのメリットデメリット、内部構造やソースの記述方法による動きの違い、対応機種などについて解説されました。jQUeryベースなのでHTMLに左右されないこと、スマートフォンには非対応など、まだ一般化する上で問題はありそうですが、積極的に導入している企業もあるとのことで、将来性が楽しみな技術だと感じています。