レスポンシブ・レイアウトとは、過去においてはリキッドデザインと呼ばれた、画面幅に応じて横幅が拡大・縮小するレイアウトのことをいう。多様なデバイスの登場により最近大きな注目を集めている。 制作・文／糟谷博陸（株式会社サイズ） Browser IE ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2015年4月20日～4月26日の間に見つけた記事のベスト5です。 レスポンシブデザインの3つの失敗とそれを防ぐ ...

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...

メディアクエリを使って、PC、タブレット、スマートフォンなどでそれぞれの画面サイズに応じた表示の切り替えを行い、レスポンシブWebデ ザインを実現する方法について解説する。 レスポンシブWebデザインとは、Webサイトを閲覧する環境にあわせて最適な ...

インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション（本社：東京都千代田区、代表取締役社長：山口康夫、略称：MdN）は、MdN × Bau-yaブランドにて下記のオンラインセミナーを開催いたします。 【MdN × Bau-ya ...

レスポンシブWebデザインの基礎を学ぼう！メディアクエリの「メディアタイプ」をわかりやすく解説し、HTML・CSSコーディングに役立つ実践的な知識を提供します。 #レスポンシブWebデザイン #メディアクエリ #HTML #CSS #コーディング講座 タトゥー、下積み ...

マルチデバイス対応のWeb制作手法として注目を集める「レスポンシブWebデザイン」。ところが日本では「メディアクエリーを使ってスクリーンサイズごとにレイアウトを切り替えること」との誤解が広がっているようです。 レスポンシブWebデザインとよく似 ...

株式会社翔泳社（本社：東京都新宿区舟町5、社長：佐々木幹夫）は、書籍『これだけで基本がしっかり身につく HTML/CSS＆Web ...

ヤフー出身エンジニアが教える、初心者向けレスポンシブWebデザイン講座。今回は、メディアクエリで使用する「メディアタイプ」の意味と活用方法をわかりやすく解説します。 #レスポンシブデザイン #HTML #CSS #Web開発 #初心者向け講座 More for You 「利用さ ...

マイナビ出版発行の書籍からIT関連の問題を引用し、出題していきます。皆さまの実力をお試しください。 今回は、『HTML5プロフェッショナル認定試験 レベル1 対策テキスト&問題集』から。認定試験を想定した問題なので、連続正解者は受験を考えても良い ...