筆者はWebサイト制作プロジェクトでCSS設計の重要性を実感し、学生向けのCSS設計学習サイト「LCSSAS」を制作しました。本サイトではBEM手法を採用し、スライドによる説明、確認問題、演習問題の3つの学習機能を提供しています。評価では、CSS設計の理解に有効であることが確認されましたが、「スライドの文章量が多い」「色合いが見づらい」といった課題も指摘されました。今後は教材やUIの改善を行い、より分かりやすく使いやすい学習サイトを目指していきます。
Visual Studio Code
Figma