これまでの章では、Tailwindの基礎や具体的な使い方について解説しました。ここからは発展編として、デザインとCSSの関係性や、CSS設計におけるTailwindの意味について考察していきます。 ユーティリティファーストは実際のデザインプロセスに近い ...

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

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

アドビ システムズは、レスポンシブWebデザインツールの最新プレビュー版「Edge Reflow Preview 6」にて、iOS7でも取り入れられているCSS Regionsをサポートしたことを、Webサイト「ADC PLUS」にて発表した。 「Edge Reflow」がサポートしたCSS仕様「CSS Regions」は、レス ...

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

Webサイトをデザインする場合、ページの縦横のサイズをどう想定するのかは悩ましい問題だ。多くの場合、ユーザーのディスプレイ解像度の調査結果などを参考に、サイトのコンテンツの傾向などを加味して想定するサイズを決定する。これに対してCSS-TRICKS ...