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

インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション（本社：東京都千代田区、代表取締役社長：藤岡 功、略称：MdN）は、『現場のプロが教えるWebデザイン＆レイアウトの最新常識 知らないと困るWeb ...

沢山の情報を見やすくする3カラムレイアウト ブログなどで多用されているパターンで、コンテンツ・情報量が多い場合に利用したいレイアウト。マルチカラム構築のまとめとしていくつかの方法を紹介する。 まずは、floatプロパティを使った3カラム ...

株式会社クリーク・アンド・リバー社（C&R社）は8月20日（水）、未経験からWebデザイナーをめざす方を対象に、無料のオンラインセミナー「デザイン初心者必見！ Webサイトを作る前に知っておきたいレイアウトの基礎」を開催します。 WebサイトやWebアプリ ...

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

株式会社クリーク･アンド･リバー社（C&R社）は4月4日（木）、Webや映像、ゲーム、広告・出版、ファッション、インテリアなどの分野でデザイナーとして活躍されている方を対象に、無料のオンラインセミナー「デザインの基礎知識 Vol.7 クリエイターが ...

Web標準（Web Standards）に準拠したWebサイトを制作するための基礎知識と， 実践的なレイアウト手法を徹底的に解説した， Web標準ガイドブック。新しい仕様やブラウザに配慮した新装版です。Web標準の仕様から， コーディングスタイル， CSSレイアウトのTips ...

デザインツールやプロトタイピングツールが増える中、デザイン可能なコーディングツール「Hadron」のプレビュー版がリリースされました。さっ... たった数行のCSSでパララックス風表現ができる「position: sticky」の使い方 短いCSSを書くだけで要素を特定の ...

Kayla Knight氏がSmashing MagazineにFixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?というタイトルでWebデザインにおいて固定レイアウト、流動的なレイアウト、伸縮性のあるレイアウトのどのレイアウトを採用すればいいかという指針をまとめている。Fixed vs.

建築形式のひとつである「ブルータリズム」を基に、ウェブサイト本来のあるべき姿に焦点を当てて作られたデザイン手法が「Brutalist Web Design(ブルータリスト・ウェブ・デザイン)」です。「雑誌ではないが雑誌のような記事が載っている ...