今までPHPとJavaScriptだけで仕事していて、
HTMLとCSSを体系的に学習しなかったため知識がほぼ0に等しい
（色やフォントサイズを変えるなど最低限は可能ですが、
サイドメニュー作ったり、アニメーションや細かい配置の調整などは全くできない）のですが、
どのように学習するのがいいでしょうか？

Question

酒井潤 · Accepted Answer

PHPとJavaScriptで仕事しているなら、基礎はあるのでそこまで心配いらないです。

HTMLとCSSは、まず体系的に一度ちゃんと基礎をやり直すのがいいです。特に大事なのは、

ボックスモデル
position
flexbox
grid

このあたりを理解することです。ここが分かると「なぜレイアウトが崩れるのか」が理解できるようになります。

その後は、デザインカンプを真似してコーディングする練習が効果的です。ランディングページや管理画面UIを丸ごと1つ作ってみると、一気に実力が上がります。

アニメーションは後回しで大丈夫です。まずはレイアウトを自在に組めることを目標にすると良いです。

今はAIもあるので、
自分で書く → 崩れる → なぜか聞く
という学習サイクルを回すとかなり早く伸びます。

ゼロからではなく「整理し直す」イメージで取り組めば、すぐキャッチアップできると思います。