Reset CSSを「コピペするもの」から「理解して選ぶもの」へ
Web制作ではReset CSSやNormalize系の初期CSSを使うことがありますが、初心者には「何が変わっているのか」が分かりにくいことがあります。RESET CSS LABは、ブラウザ標準表示と初期化後の見た目を並べて比較しながら、CSSリセットの役割を理解するための実験です。
比較したい内容
- 見出し、段落、リストなどの標準margin
- button、inputなどフォーム要素の見え方
- 画像やテーブルの初期挙動
- box-sizingなど制作時によく使う初期設定
- 「全部消す」と「必要な部分だけ整える」の違い
自分向けのReset CSSを考える
単に完成したコードを表示するだけではなく、項目ごとにON/OFFしながら「自分の制作では何を初期化したいか」を選べる体験を目指します。
想定ユーザー
Reset CSSを何となく貼り付けている人、HTML/CSSを学び始めた人、サイト制作前の初期CSSを整理したい人を想定しています。
WEB LABとしての位置付け
CSS VISUAL BUILDERが見た目のCSSを作るツールなのに対し、RESET CSS LABは「制作を始める前のCSS」を理解するための比較・学習・生成ツールとして独立させます。
研究ステータス
現在はNEXT EXPERIMENTS段階です。ブラウザ差をどこまで扱うか、初心者向け説明をどの程度表示するか、生成コードをどこまで最小化するかを検討します。