#CSS
7件の記事
ほかのテーマも探す1ページ目の記事を表示中
Web制作CSSのclassとidは何が違う？二枚のカードで見た目を比べよう
同じclassで二枚の背景を変え、idで一枚だけに枠を付ける作例。ドットと#の書き分け、重複させないid、よくある間違いを前提から解説するよ。
Web制作HTML・CSS・JavaScriptは何が違う？小さなページで役割を知ろう
内容・見た目・動きの役割を、ボタン付きの小さなページで体験。初めてコードに触れる人へ、三つの技術の関係を解説するよ。
デザイン余白って何？情報をまとめる間隔と揃え方の基本
余白は情報のまとまりを伝える手がかり。内側の余白と項目の間隔を動かせる作例で、揃え方の基本から確かめよう。
デザイン行間や字間を広げると崩れる？読みやすさを保つレイアウトの確認手順
行間や字間を変えても文字が欠けない設計を、固定高さ・段落余白・折り返しの観点から整理。確認用CSSとチェック手順を用意したよ。
Web制作Firefox 158が公開：JPEG XL・PDF・CSSの更新を制作目線でチェック
10月13日公開のFirefox 158を公式資料から整理。JPEG XL対応、PDF出力の改善、CSSの型付き計算など、Web制作で確認したいポイントをまとめたよ。
Web制作rem・em・pxはどう違う？文字サイズの基準を作例で確かめよう
入れ子の文字が大きくなるのはなぜ？remとemの基準の違いを、保存して試せるHTMLで確認するよ。