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

レスポンシブWebデザインは、「フルードグリッド（Fluid Grid）」「フルードイメージ（Fluid Image）」「メディアクエリー（Media Query）」の3つの技術的な要素で構成されます。 フルードグリッド フルードグリッドは、Webページの要素を罫線や升目に沿って ...

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

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

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

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なの ...

【書籍レビュー】レスポンシブ・ウェブデザイン標準ガイドあらゆるデバイスに対応するウェブデザインの手法 株式会社エムディエヌコーポレーションは、『レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法 ...

デジタルステージは、HTMLタグやCSSを記述することなく、テンプレートをベースにカスタマイズするだけでHTMLベースのWebサイトが作成できるソフトウェア「BiND for WebLiFE* 8」を発売する。販売開始日は9月17日。Windows版とMac版、クロスプラットフォーム版が用意 ...

The right website design does more than catch the eye; it guides visitors purposefully through your site. Every design choice should create a clear path ...