DIST.30 「一歩差がつくCSSテクニック」 LT資料まとめ

• connpassイベントページ
• https://dist.connpass.com/event/155593/

スライド(順不同）

• HTMLとCSSだけでつくるリアルな絵 / How to make a realistic picture only HTML
  https://speakerdeck.com/icsnishihara/how-to-make-a-realistic-picture-only-html-and-css

• CSSアニメーションの狂気
  https://speakerdeck.com/yusukemx5/cssanimesiyonfalsekuang-qi

• 令和元年ベストのfont-familyはこれだ / Better font-family 2019 in Japanese
  https://speakerdeck.com/clockmaker/better-font-family-2019-in-japanese

• 継承するcolor
  https://www.slideshare.net/KobayashiShinji/dist30-kobayashi

• アクセシビリティを高めるCSS
  https://noti.st/talocohc-rion/n8YnOP

• レイアウトプリミティブ
  https://standard.shiftbrain.com/blog/layout-primitives

パフォーマンス関連

• CSSアニメーションに、なぜtransformを使ったほうが良いのか
  "transform" Why do we have to use it in CSS animation
  https://speakerdeck.com/spicez/transform-why-do-we-have-to-use-it-in-css-animation

• CSSのパフォーマンスがサイトに与える影響
  https://speakerdeck.com/angerchicken/cssfalsepahuomansugasaitoniyu-eruying-xiang

• パフォーマンスを高める CSS
  https://docs.google.com/presentation/d/1aDZh9jIDkcNfTcCxOcJqynp2a5-58Q0kD6hz4V9nhNQ/edit#slide=id.p