えり

特定エリアのみで表示される美術館風のマウスストーカーを実装しました。背景を暗くせず、PC専用の要件に対応。CSSとjQueryを使用し、マウスの動きに追従するエフェクトを実現しています。

iOS 15のモーダルバグに対応し、スマホでのみ背景固定を行うハンバーガーメニューの実装方法を解説。ハンバーガーメニュー開閉や背景スクロールの制御をjQueryで実現し、iOS特有の高さやスクロールに関連する問題を解消します。

iPhoneの省エネモードで背景動画が自動再生されない問題についての解決策を紹介。autoplay属性ではなく、JSの.play()を使用して背景動画を再生する方法を提案し、実際に発生した不具合の原因と対処法をまとめています。

jQueryを使った基本的な操作や導入方法を解説した記事です。CDNを使った簡単な読み込み方法から、DOM操作、イベントハンドリング、アニメーションなどの基礎的な例を紹介しています。

ページ内アンカーリンクでヘッダーがコンテンツに重なる問題を防ぐためのjQueryコードを紹介。ヘッダーの高さを考慮し、スムーズにスクロール位置を調整する方法を解説しています。ハッシュ変更時にも対応する便利なスクリプトです。

キャッシュが原因で修正が反映されない問題を防ぐため、CSSやJavaScriptファイルにクエリパラメータを追加してキャッシュを無効化する方法を紹介します。PHPを使用してファイル更新を自動化する方法も解説。頻繁に更新が必要なファイルに最適な対策です。