画像の遅延読み込みや無限スクロールを実装する際、ページ上に境界を定義し、その境界に要素が入ったかどうか判定して実行します。要素と境界の交差を非同期に検出し、パフォーマンスを改善する1Kbの軽量スクリプトを紹介します。 要素が境界に1px交差 ...
jQueryなどのスクリプトやアニメーションのCSSに依存せずに、レスポンシブ対応の快適なスライダー・カルーセルを実装する軽量のスクリプトを紹介します。 スライダーは最後を表示した際に1枚目に巻き戻し、カルーセルは最後を表示した際に巻き戻さずに ...
Utakata.jsは、画像と文字を組み合わせて簡易スライドショーを作れるスクリプト(JavaScript)です。 画像を用意し、Utakata.js本体と指示JavaScriptを読み込むとスライドショーを表示できるようになります。 簡易デモページ 通常のスライドショーだけでなく、既存 ...