レスポンシブWebデザインに欠かせないメディアクエリのメディアタイプについて、HTMLとCSSの基礎からわかりやすく解説します。用途や使い分け、実践的な記述方法を学びながら、さまざまなデバイスに対応したWebサイト制作のポイントを身につけられます。

iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれ ...

2010年6月にはいったあたりからCSSメディアクエリを活用してiPhone 4を含むさまざまなデバイスへ対応可能なWebページを制作するためのテクニックが矢継ぎ早に紹介されるようになった。CSSメディアクエリを使った方法は今でも注目度の高いテクニックで、CSS ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2017年5月15日～月21日の間に見つけた記事のベスト5です。 1. The Big CSS Media Query Mistakehttps:// speckyboy. com/ big-css ...

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。 今週は、レスポンシブデザインをメディアクエリなしで実現、Laravelのテスト ...

Web制作ですっかり定番となったメディアクエリを使ったレスポンシブ Webデザイン。JavaScriptで実装している機能をメディアクエリと連携させるためのちょっとしたテクニックを紹介します。 テーブルタグがCSSに変わり、レスポンシブデザインは心躍る ...