#文字・レイアウト

4件の記事

1ページ目の記事を表示中

デザイン

余白って何？情報をまとめる間隔と揃え方の基本

余白は情報のまとまりを伝える手がかり。内側の余白と項目の間隔を動かせる作例で、揃え方の基本から確かめよう。

デザイン

行間や字間を広げると崩れる？読みやすさを保つレイアウトの確認手順

行間や字間を変えても文字が欠けない設計を、固定高さ・段落余白・折り返しの観点から整理。確認用CSSとチェック手順を用意したよ。

Web制作

rem・em・pxはどう違う？文字サイズの基準を作例で確かめよう

入れ子の文字が大きくなるのはなぜ？remとemの基準の違いを、保存して試せるHTMLで確認するよ。

Web制作

CSSのclamp()で文字サイズを可変にする：最小・推奨・最大の決め方

見出しの文字サイズを画面幅に合わせるCSSの例。clamp()の計算と、狭い画面・ズーム時に確認する点を説明します。