リーディングビュー

シンプルだから使いやすい! ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek

ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。 実装は非常に簡単で、カスタマイズも簡単、既存のWebページに導入する […]
  •  

ネタバレのテキストを非表示にする、美しいパーティクルアニメーションを備えた高速で軽量なコンポーネント -spoilerjs

ネタバレのテキストをTelegram風のパーティクルアニメーションを備えたエフェクトで非表示にし、クリックするとそのテキストが表示されるJavaScriptで実装された軽量のWebコンポーネントを紹介します。 依存関係は […]
  •  

ユーザーのマウスやキーボードの動き(運動量や方向)から次にどの要素を操作するか予測するスクリプト -ForesightJS

ユーザーのマウスやキーボードの動き(運動量や方向)から次にどの要素を操作するか予測するスクリプト -ForesightJS
ユーザーがWebサイトにアクセスした際、マウスやキーボードの動きをから次にどの要素を操作するか予測し、プリフェッチすることができるJavaScriptのライブラリを紹介します。 1ヵ月ほど前に紹介したForesightJ

...記事の続きを読む

  •  

マウスやキーボードの動きからユーザーが次にどの要素を操作するかを予測するスクリプト -ForesightJS

マウスやキーボードの動きからユーザーが次にどの要素を操作するかを予測するスクリプト -ForesightJS
通常のホバーエフェクトのトリガーは、要素にカーソルをホバーした後に開始されます。しかし、これはユーザーの操作(ボタンに移動)から実際のホバーイベントまで100-200ms遅れます。また、キーボード操作によるトリガーも同様

...記事の続きを読む

  •  
❌