CSS3 Media Queries を利用したWebサイトのスマフォ対応

Posted in HTML5 & CSS3 (RSS), モバイル (RSS)

CSS3 の Media Queries （メディアクエリ）を利用したWebサイトのスマフォ対応に関する情報をメモ。φ(..)

関連情報
・CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
・[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル | コリス
・CSS3のMedia QueriesをjQueryで代替する方法 - WWWPArtisan

・Jungle Java - 『スマートフォンのためのHTML5アプリケーション開発ガイド』
・Jungle Java - モバイルブラウザ向けに最適化した UI を提供する jQuery Mobile
・Jungle Java - Dreamweaver CS5.5 でスマホアプリ開発

（09/22 追記）
・Media Queryを触りながら試してみよう！ - jsdo.it - Share JavaScript, HTML5 and CSS
・Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです - かちびと.net
・Media Queries を使うときに参考にしたいサイト | Unformed Building

・iPhone, iPad, ブラウザなどクロスデバイス対応のCSSフレームワーク -Less Framework | コリス
・[CSS]HTML5対応、さまざまなデバイスのMedia Queriesを使ったリセット用スタイルシート -320 and up | コリス
・[CSS]最近のウェブ構築には欠かせない要件を備えたCSSのフレームワーク -The 1140px Grid | コリス

（2012/08/11 追記）
・可変グリッドレイアウトで実現するレスポンシブWebデザイン（前編） | ADC - Adobe Developer Connection
・可変グリッドレイアウトで実現するレスポンシブWebデザイン（後編） | ADC - Adobe Developer Connection

（2012/09/22 追記）
・デバイスに合わせてCSSを振り分ける「Media Queries」 ｜ クラスメソッド開発ブログ
・Media Queriesの記述を少し楽にしてくれるSCSS（Sass） Mixin（自作） ｜ クラスメソッド開発ブログ

Posted on 2011年09月19日