タグ

ブックマーク / qiita.com/xrxoxcxox (2)

  • viewport sizeにあわせて変化しつつアクセシブルかもしれないfont-size指定 - Qiita

    この記事の概要 font-size の指定に vw や vh などの単位を使用する場合、アクセシビリティ的な問題が起きます。 ユーザーがブラウザの設定としてフォントサイズを変えていても、それが反映されなくなることです。 とは言え vw などで文字のサイズを指定するのが便利な場面もありますから、上手くやれないかと思い考えてみました。 タイトルに「かもしれない」と入れている通り、確証はありません。 ハック的な感じがしますし、コードの理解しやすさも下がっていると思います。 これをきっかけにもっと良いやり方が生まれたら嬉しいです。 @property --1vw { syntax: "<length>"; inherits: true; initial-value: 0px; } :root { --1vw: 1vw; --vw-to-px: calc(tan(atan2(var(--1vw),

    viewport sizeにあわせて変化しつつアクセシブルかもしれないfont-size指定 - Qiita
    Lhankor_Mhy
    Lhankor_Mhy 2023/12/07
    面白いけど、@property はブラウザ対応状況が厳しいなあ…… まあそもそもatan2()自体が最新ブラウザじゃないと厳しいか……
  • 今のCSSにはベンダープレフィックスはほぼ要らないけど、強いてつけるなら - Qiita

    この記事の概要 -webkit-transitionなど、CSSのプロパティにプレフィックスがついているのを見たことがあると思います。 しかし、昨今のCSSにはほとんど必要ありません。上記のtransition来は不要です。 来はベンダープレフィックスが必要な時期=標準化がなされていない時期なので導入を待つべきだったそうですが、世の開発者達はガンガン使用していました。 そのため、プレフィックスではなくブラウザの設定でオンオフを制御するような流れになっています。 ということで、少なくとも2022年4月現在はほとんど不要なベンダープレフィックスですが、使うとしたら……というものを挙げてみました。 「この記事で紹介したものがすべて」というわけではなく、筆者が日頃CSSを書いている中で有用だと思うかつベンダープレフィックスが必要なプロパティをピックアップしているのみです。 appearanc

    今のCSSにはベンダープレフィックスはほぼ要らないけど、強いてつけるなら - Qiita
  • 1