前回はwhenやwhen notを使い、値によって場合分けをするmixinを作成しました。今回はさらに上級編として、CSS3のMedia Queriesを利用し、解像度ごとの振り分けや、iPhoneのRetina Displayの対応まで含めたmixinを作成してみましょう。

そうしたCSS3 Media Queryを使ったテクニックのテンプレートと呼べるものがWebデザイナAndy Clarke氏によって Hardboiled CSS3 Media Queries - Stuff and Nonsense で ...

Web制作ですっかり定番となったメディアクエリを使ったレスポンシブ Webデザイン。JavaScriptで実装している機能をメディアクエリと連携させる ...