# jQuery

jQueryの遅延プラグイン『inview.js』と、画像の遅延表示ができる『lazysizes.js』を組み合わせるととてもいい感じだったので備忘録です。 ふわーっとできますかー 画像の読み込みを遅くして、コンテンツも

...

横並びの要素の高さを揃えてくれるプラグイン『matchHeight.js』の使い方と、制作に役立つ実装サンプルをまとめました。「flexboxの中にあるこの部分の高さを揃えたいのだけど！」って言う時にはとってもおすすめで

...

スマホだとクリッカブルがズレますー そんな時は『RWD Image Maps』を使いましょうー 【実装】丸でクリッカブルしてみました 画像サイズ（widthとheight）の指定は必須です。 See the Pen 【j

...

ローディングをまとめてみました。おしゃれなサイトさんはローディングを組み込んでいるなー、と思う今日この頃です。意外と簡単なのでお時間ありましたら組み込んでみてくださいませ。 ローディングを設定したいのですが難しいですかー

...

あのー、下からふわっと出したいのですが、場所指定ってできますかー？ 場所指定、できますよー 【サンプル】指定した場所までスクロールすると下からふわっと出てくる まずはスクロールですねー See the Pen 【jQue

...

jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ

...

指定した場所で出したいのですよー そして指定した場所で消したいのですねー 実装サンプル See the Pen 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える、実装サンプル by 125n

...

規約を一番下までスクロールするとボタンが押せるようにしたいのですができますかー？ ふむふむなるほど、よく見かけますねー、活性化ですねー、できますよー。 規約を一番下までスクロールするとボタンが押せる、実装 一番下までスク

...

あのー、アンカーリンクのボタンを押したらアコーディオンが開いてその中にあるアンカーリンクの場所にスルスルーと移動させたいのですが可能ですかね？ なんだかややこしそうですが、やってみましょうかー さっそく実装してみる Se

...

ページの下に申し込みボタンをずっと表示させたいのですがフッターが隠れちゃうのですよねー、どうにかなりませんかねー？ 自動でフッターの下をズラしちゃいましょうー さっそく実装してみる See the Pen 【jQuery

...

CDNってどれ使ったらいいのですかー？ うーん、ちょっとまとめてみますねー CDNの種類、5選 jQuery公式サイトに記載がある5種類を紹介します。公式に載っているので安心ですね。 jQueryのCDN Googleの

...

1ページにタブを3個くらい置きたいのですがー おー、なるほどー。じゃあ、プラグインなしで作ってみますねー とりあえずタブを1個作ってみる（プラグインなし） 今回のテーマ。 See the Pen 【jQuery】タブを効

...

モーダルプラグイン『Remodal』の使い方と、制作に役立つ実装サンプルをまとめてみました。 シンプル設計で軽量なので簡単に使えます。以前はプラグインを使わずにモーダルにしていたのですが、あまりにも使い勝手がいいのでモー

...

jQueryを使うとするするとスクロールして移動させることができます。視覚的にもとても良いのでおすすめです。また、グローバルメニューの固定などの影響で移動先が隠れてしまった（ズレた）時には簡単に調整することができます。

...

おしゃれなQ&Aを作りたいのですよねー こんなんどうでしょー アコーディオンでおしゃれなQ&Aを作ってみる 今回のテーマ。 transitionで簡単なアニメーションをつけてみる。 See the Pen

...

プラグインを使わずにモーダルってできますか？ ふむふむ、やってみましょうー プラグインを使わないモーダルのサンプル スマホでも問題ない。IEでも問題ない。完成ですー。 See the Pen 【jQuery】プラグインを

...

動画をどーんと表示したいのですができますかー？ できますよー 【サンプル】動画を全画面表示にして中央に表示する 動画の上にタイトルを置いてみます。スクロールできますー。 See the Pen 【jQuery】動画を全画

...

jQueryの遅延（少し遅らせて表示させる、最近よく見かけるあれです）プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。 CSSのアニメーションと組み合わせることでサイト制作の幅がとって

...

あ、iPhoneで見るとちょっとズレてます！ そんな時はブラウザの高さを自動で取得しちゃえばOKですよー もくじ 画像を画面いっぱいに表示する（ブラウザサイズを自動で取得してiOS対策） 『slick』を使って全画面表示

...

Lightboxプラグイン『fancybox3』の使い方と、制作に役立つ実装サンプルをまとめました。 とってもモバイルファーストに設計されているのでとってもおすすめです。 モバイルファースト！ 共有ボタンもあるのでとって

...

slickを使って全画面表示のスライドショー！ レスポンシブを考えて『background』で対応しましょう！ もくじ 全画面表示、実装サンプル（background対応） 全画面表示、実装サンプル（background

...