いかにdivタグを使わずに意味に則ったタグをコーディングで使えるかが、マークアップタスクを行う上で一つのテーマだと思います。 その中で、「日付」のマークアップになんとなくdivタグやspanタグを使っているパターンは結構…

Flexboxを使用して複数要素を横並び（もしくは縦並び）のレイアウトを実現する際、各要素間には余白を設定する場合が多いと思います。 その際、各要素にはmarginやpaddingを付与して余白を空けている方もいるのでは…

Web開発者泣かせであった、scroll-behavior: smoothのSafari未対応問題がついに解消されました。 （2022年4月時点で）最新のSafari15.4にて、scroll-behaviorが使用でき…

Web制作にて、mainタグを使用してコーディングした場合、Internet Explorerで思わぬレイアウト崩れが発生することがあります。 原因と解決法をご紹介します。 mainタグ使用時のレイアウト崩れ：原因 原因…