こんにちは。 GMOインターネットグループ株式会社 フロントエンドエンジニアの山名です。 今回は、HTMLやCSSの進化によって実装がより簡単になったデザインや機能を従来の実装方法と比較しながらご紹介していきます! 執筆の背景 いきなりですが、HTML,CSSをはじめとしたWebコーディングの世界って進化が早いですよね。 新機能のリリースやデザイントレンドの移り変わりがあって、これまでスタンダードだと思っていた実装方法がいつの間にか過去のものに…なんて経験がある方も少なくないはずです。 そんなWebコーディングの”ちょっと前”と”今”を比較して、どれだけ便利になったのか確かめてみようということで本記事の執筆にいたりました。 CSSの実装比較 早速、最新のコーディング技術をご紹介!といきたいところですが、まず前提として今回ご紹介する新機能の基準を書いておきます。 CSSの新機能を紹介執筆時点