jQuery

AOSを使用して要素をふわっと出現させるアニメーションはよく使用されます。タイミングを遅らせたいときにはdata-aos-delay属性を使いますが、ランダムに出現させたい時、AOSにはそのようなオプションが用意されてい […]

タブの中にslickを入れているけど、切り替えたときに表示が崩れたりする。。なぜ？ しんぺー タブを切り替えたときにslickを初期化してあげるとうまくいきますよ。解説していきますね。 サンプル 不具合のサンプルと、修正 […]

モーダル内に動画を設置したけど、開いたときに自動で再生させたい。あと、一度再生するとモーダルを閉じてもずっと動画再生されてる。バックグラウンドで音だけ聞こえてる、、なんとかして。 しんぺー モーダルを開いたり閉じたりした […]

SNSのアイコンのリストって毎回作ってるけど、そろそろテンプレほしいな。使いまわしやすくて、ホバーアクションもいい感じにしたい。 しんぺー よくあるSNSアイコンリストのテンプレを共有しますね。ホバーアクションはFont […]

ブラウザの戻るボタン押すとモーダル開くのなおしたい。 しんぺー remodal.jsの中の記述を変更するだけです。hashTracking: true,からhashTracking: false,に変更すればOKです。 […]

重複しているコンテンツをjQueryで削除できないかな。 しんぺー下にサンプルのコードを置いておきますね。ただjQueryで非表示にしているだけなので、本来的には重複しているコンテンツがでてこないように調整する必要があり […]

アコーディオンをパッと作成したい人 よくあるアコーディオンを作成したいけど、使い回しやすい良いサンプルないかな？ しんぺー コピペで使い回しやすいサンプルを置いておきますね。 完成形のイメージ 少し装飾していますが、この […]

要素をランダムに配置したい人 要素をランダムに表示させたいけど、jQueryでできるかな？ 　しんぺー 簡単にできますよ。下にCodePenとコードを貼り付けておきますね。 完成形のイメージ liを20個並べて、4個だけ […]

複数のフォトギャラリーを設置した時に、全部のスライドが動いてしまう フォトギャラリー複数設置したら、全部のスライド干渉してる。次のスライドへ送ると全部のスライドが一斉に動いてしまう。。。これ作り直しかな？ しんぺー そう […]

slickのdotsを長方形にしたい人 slickのdotsはデフォルトで丸いから四角くするの手間だなぁ。コピペ用にコード置いときたいな。 しんぺー いつも使っているコードを共有しますね 完成形のイメージ こんな感じの長 […]