Web制作で見出しの装飾を実装するとき、「CSSで書くか、PNG画像を使うか」で少し悩みました。最初はPNGのほうが早いかも、と思ったのですが、あとから修正やレスポンシブ対応を考えると不安が残りました。

そこで整理してみると、装飾の優先順位は CSS ＞ SVG ＞ 画像 だと分かりました。下線や縦ラインのようなシンプルな装飾はCSSで十分表現でき、色や太さの変更も簡単です。実際、before/afterの考え方に少し苦戦しつつも、CSSで実装したことで「あとから調整できる安心感」がありました。

今回、課題の『株式会社MINATY』では、理解が追いつかない部分は無理せず、linear-gradientを使う方法も選択しました。それでもCSSで完結できたことで、「今はこれでOK」という納得感がありました。デザインを再現するだけでなく、保守性を考えて選択することの大切さを実感した実装でした。