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

【Web- 頻出用語】「レスポンシブデザイン」 使用するデバイスに応じて表示されるデザインが自動で調整されるWebやアプリのデザインのこと。 レスポンシブデザインとは、スマホや PCなど画面サイズに応じてレイアウトを最適化するW e ...

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

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

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション（本社：東京都千代田区、代表取締役社長：藤岡 功、略称：MdN）は、『プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチ ...

グリッドデザインによって整然とレイアウトされていても、Webブラウザーの横幅が変わればバランスは崩れてしまいます。そこで考えられたのが、「フルードデザイン」です。フルードデザインはWebブラウザーの横幅が変更されても、バランスを一定に保っ ...

最近のウェブサイトは、パソコンだけでなくモバイルデバイスからのアクセスも視野に入れなければなりません。以前はパソコン／モバイル用の2種類のサイトを用意してユーザーエージェントで切り替え、表示対応させる方法が主流でした。 これに加えて ...

TMLやCSSなどの専門知識がなくても簡単にウェブサイトを構築できる「WordPress」。CMS（コンテンツ・マネージメント・システム）の中でも世界ナンバーワンのシェアを誇っています。 WordPressに用意されているテーマ「Twentyfourteen」を使って作成した ...