jQuery
スクロール位置による動画の自動再生と停止
画面をスクロールして、 動画が画面の中央くらいに来た時に動画を再生し、 動画が画面外に行くと再生を一時停止する 固定ヘッダにも対応 See the Pen スクロール位置による動画の再生と停止 by HomeMadeGarbage (@hmg) on CodePen. こちらを...
Web 2023.7.27 お母ちゃん 
モーダルで画像拡大とピンチアウト：Modaal.js + PinchZoom.js
HomeMadeGarbage Advent Calendar 2022 ｜2日目 モーダルでの画像拡大表示と、スマホではピンチアウトが出来る様にしたメモ_φ(･_･ デモページ See the Pen ーダルで画像拡大とピンチアウト：Modaal.js + PinchZoom.js by...
Advent Calendar 2022.12.2 お母ちゃん
[JavaScript] 期間の重複チェック
期間Aと期間Bを比較して、重複があるかチェックするIFメモ [crayon-6a85a6bd6640a138541309/] 下記いずれかの条件に当てはまる 期間Aの開始日は、期間Bの範囲内（期間Bの開始日以上&終了日以下）にある 期間Aの終了日は、期間Bの範囲内（期間Bの開...
Web 2019.8.21 お母ちゃん 
on.(“click” で設定されたイベントを取得、処理を挿入し、再設定する
こちらの記事を参考にさせて頂きました。 Check! jQuery ですでに登録されているイベントを取得し、割込ませたりするメモ next が上手く動作出来なかったので下記の形で再設定しました。 [crayon-6a85a6bd664d0283031717/] ※私が nex...
Web 2019.8.16 お母ちゃん
WordPress：コメントの項目名をjQueryで変更
コメント の項目に「任意」を追加するのに、WP側の修正は少し面倒そうだったので jQueryで変更しました。 「コメント」以外に（任意）を追加する [crayon-6a85a6bd66583579758659/] 各項目テキストを個別で変更する場合 [crayon-6a85a6bd665...
Web 2018.11.6 お母ちゃん
横幅いっぱいmp4のレスポンシブ背景（キービジュアルなど）
video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework CDNを利用する場合 head [crayon-6a85a6bd6663a364129973/] bod...
Web 2018.8.21 お母ちゃん
動的追加要素の読み込み完了後にイベント追加
jQuery によって追加された iframe 読み込み完了後にイベントを登録したいけど、タイミングによってまちまちだったので下記の形で対応。 [crayon-6a85a6bd666ff524756252/]...
Web 2017.10.30 お母ちゃん
Instagram API + Slider Pro で インスタグラムの最新フィードをスライダー表示
HPのサイドバーにインスタグラムのカルーセルを埋め込みました。→ PHP [crayon-6a85a6bd667a6118904185/] jQuery [crayon-6a85a6bd667a9031934941/] ※ エンターキーでページ遷移するようになってしまった 最初、ページを...
Web 2017.6.26 お母ちゃん
jQuery : 背景画像のクロスフェード (プラグイン無し)
プラグイン無しでやる、ﾒﾓﾒﾓ???????? See the Pen xdZKBr by HomeMadeGarbage (@hmg) on CodePen. CodePen 楽しい！（初めて使った） 参考にさせて頂きました jQueryで背景画像をフェードイン・フェードアウト ...
Web 2017.4.19 お母ちゃん
MTの投稿画面で特定のカテゴリを非表示にする [MTAppjQuery]
MTで、MTAppjQueryを使い投稿画面から特定のカテゴリを隠す [crayon-6a85a6bd66a6e918070166/] setTimeout は VirtualBox の Windows IE で上手く動かなかった為 #category-list ul li が CSS...
Web 2016.12.22 お母ちゃん
Slider Pro カスタマイズ：スライダーが2枚の時に対応
Slide Proで、スライダーが2枚の時に上手く動かなかったので、調整しました。 通常、2枚の時 ノーマルスライダー 一瞬消える 100%のスライダー 左側が空白になる カスタマイズ Demo ノーマルスライダー ...
Web 2016.12.1 お母ちゃん
Foundation 6 : jQuery で追加した data-equalizer-watch 要素の高さ揃え
そのままでは高さが揃わないので、 追加した要素に new Foundation.Equalizer(element).applyHeight(); を追加する [crayon-6a85a6bd66bf7905995925/] しばらく苦戦した…。 Foundation Fou...
Web 2016.11.2 お母ちゃん
jQueryで外部RSSの取得
DL プラグインをDLさせて頂く GitHub - denka/jQuery-Plugins at e5f123741ce6bc1be93e1db846a0e59cfe7e750c ※ 注意 こちらではRSSの取得が出来ない GitHub - padolsey-archive/jquery...
Web 2016.11.1 お母ちゃん
WordPress に Instagram API を使って タグのギャラリー表示②
前回の記事↓から 少し改造しました。 https://homemadegarbage.com/wp-insta-api-tag-gallery 改造ポイント タグをHTML側で指定可能に ページ内に複数のギャラリーを表示 コード HTML [crayon-6a85a6bd6...
WordPress 2016.10.1 お母ちゃん
WordPress に Instagram API を使って タグのギャラリー表示
先日書いたフクロウカフェの記事で、「インスタグラムのタグを拾ってギャラリー表示したい！」と試みたところめちゃくちゃ苦労したので、残しておきます。 まずはAPIの取得 登録方法などは色々なサイト様で解説して下さっているのでここではざっくり記載します。 Instagram Developer ...
