CSSには すでにカーソルがたくさんある。おそらく、必要以上にそれらを使用していない可能性があります。良い、 すべき は強い言葉です。特別なカーソルがユーザー エクスペリエンスやアクセシビリティに絶対的な恩恵をもたらすという証拠を直接引用することはできません。しかし、それは確かに良い感触のように思えます。のように：
.copy-button {
cursor: copy;
}または
[disabled] {
cursor: not-allowed;
}これらのカーソルは実際には OS によって提供されるため、OS によって変更できます。一部の OS ではカーソルのサイズを大きくできるので、これは良いことです ( url() 値）など）、これはアクセシビリティに優れています。カスタム カーソルを設定することもできます。これはバンプアップされません。 アクセシビリティに悪い。
2.0 ベータ エディタを見回すと、CSS によって提供されるカーソルの変更が数多く見られます。
私はそれらにかなり満足しています！
「カスタム」カーソルの興味深い点は、実際のカーソル自体を置き換えた場合にのみ明らかに問題となることです。それは物事を行うことを排除するものではありません 加えて または の隣に カーソル。私たち自身の レイチェル・スミスのサイト 冗談として、虹色のペイントの斑点がカーソルの後ろから飛び出しますが、カーソル自体は変更されません。
Kyle Lambert がカーソルを使って便利なことを行うことについての良い記事を書いています Figma が行うことに特に焦点を当てています。良いアイデアの一部を抜粋してご紹介します。
ペン ツールを使用すると、カーソルにはプレビュー ポイントと潜在的なパスの方向が表示されます
選択中、カーソルは要素のサイズ変更、回転、移動ができるかどうかを示します
各ユーザーのカーソルは名前とともに個別の色で表示され、共有ワークスペースに存在感を与えます。 [… and they] ユーザーが「/」を入力するとチャット インターフェイスとして機能します
Figma の最新機能の 1 つは、動的なカラー ピッカー インターフェイスです。これにより、ピクセル選択の拡大ビューが提供され、ユーザーはより正確な色選択を行うことができます。
面白いものばかりですよ！他の場所で同様のカーソルの革新が見られるかどうかはわかりません。
Views: 0
