IE 対応をやめたことで恩恵を受けられるスタイル

自らこれまで対応した色々

やや JavaScript 偏重気味の記事であるものの、先日自らブログを書いており参考になれば

https://blog.nekohack.me/posts/pray-the-internet-explorer-for-memorial

議論したいテーマ

• これまでに Polyfill を使わないとダメだったもの
• そもそも Polyfill なんか無くて無理やり頑張って対応してきたもの
• 参考
  • https://pulpxstyle.com/ie-not-supported-css/

CSSプロパティ

• table-layout
• flex-basis
  • max-width を一緒に付けないと、長いコンテンツが入ったときに IE で崩れる
• これまでに Polyfill を有り難く使わせてもらって IE に対応させたもの
  • IntersectionObserver
  • object-fit-images
• blur
  • filter は IE 独自の仕様があった!?
• object-fit が使えるようになった、ただし Polyfill 無し
• mix-blend-mode に加え clip-path も使えるようになって表現できるものが広がる
• CSSで画像加工できることでCMSなどWeb運用はしやすくなる

Safari で苦しんでいませんか？

• 特に Mobile Safari の挙動
  • scroll-behaviour が Safari で使えない
  • Polyfill あるらしい
    • https://www.npmjs.com/package/scroll-behavior-polyfill
      • ただ、PolyfillのJS入れるくらいならJSライブラリで良くないか悩む

技術収集に何を使っている？

• https://feedly.com/
• https://techfeed.io/categories/all