育児に忙しい主夫のプログラミング学習と超絶時短料理！

META(HTML)とは

本日は、自作した模写サイトコードと、オリジナルを比較して、自分の理解度を深める作業をしています。この際、私の癖として、METAタグの利用が足りていないことが分かりましたので、その備忘録を書いてみようと思います。

サイト模写でトレーニングをしていると、自分の書いたコードが正しいかを目視で確認することになります。これはためになる作業ですが、機会が多くなると、ちょっと楽をしたいなと思い始めました。そこで、テキスト比較ツール difff《ﾃﾞｭﾌﾌ》ver.6.1 を紹介させていただきます。

サイトを閲覧される方の端末によって、サイトが見やすいように工夫をすることを「レスポンシブデザイン」と呼んでいます。サイト模写で一番悩んだのが、画像が切り替わる処理でした。この原因と解決した方法を備忘録としてお伝えしますね。