WordPressのカテゴリーで親子関係がある場合、デフォルトでは子カテゴリーにチェックを入れても親カテゴリーに自動でチェックは入りません。 カテゴリーは親子セットで選択するケースが多いので、子カテゴリーにチェックを入れ…
WordPressで子カテゴリーにチェックを入れたら親カテゴリーにも自動でチェックが入るようにする方法
YouTubeの動画IDを指定するだけで動画のポップアップ再生を実装できるjQueryプラグイン「GRT Youtube Popup」
GRT Youtube Popupは、要素にYouTube動画のIDを指定するだけで、指定した動画をポップアップ再生できるjQueryプラグインです。使い方も簡単で、楽に実装できて便利です。 デモは配布サイトにてご確認い…
jQueryで特定のクラスが付いている場合のみ処理を実行する方法
jQueryで条件を指定する際に、特定のクラスが存在しているかどうかを判別する方法をご紹介いたします。 jQueryで特定のクラスが付いている場合のみ処理を実行する方法 例えば、div要素をクリックした時に、.hogeと…
スクロール時にアニメーションしながら要素を表示することができるJavaScriptライブラリ「AOS(Animate On Scroll Library)」
AOSは、スクロールと連動して、要素が可視範囲に入ったらアニメーションしながら表示させることができるJavaScriptライブラリです。様々なアニメーションが用意されているので、色んなサイトで活用することができます。 動…
フルスクリーン表示の画面ごとにスクロールするページを作成できるjQueryプラグイン「fullPage.js」
fullPage.jsは、フルスクリーンでコンテンツを表示し、画面ごとにスクロールさせることができるjQueryプラグインです。 どういったページが実装できるのかについては、デモを見てもらうのが一番わかりやすいと思います…
ローディングアニメーションを簡単に実装することができるjQueryプラグイン「fakeLoader.js」
fakeLoader.jsは、サイトにローディングアニメーションを実装することができるjQueryプラグインです。非常に簡単にローディングアニメーションを設置することができます。 挙動については、以下デモページにてご確認…
要素にタイピング風のアニメーションを加えることができるjQueryプラグイン「t.js」
t.jsは、まるでタイピングされているようなアニメーションを文字に加えることができるjQueryプラグインです。 挙動については、以下デモページをご参照ください。 デモ1 デモ2 t.jsの導入手順 ステップ1. t.j…
スライド画像を虫眼鏡でズームできる機能がついている一風変わったjQueryスライダー「Zoom SlideShow」
Zoom SlideShowは、虫眼鏡によるズーム機能が備えられたスライダーを実装することができるjQueryプラグインです。 メインのスライド画像にマウスカーソルを合わせると、虫眼鏡が出てきて画像をズームできます。 Z…
CSSアニメーションとjQueryを使って要素にパララックス効果を加える方法
CSSアニメーションとjQueryを組み合わせて、スクロール時のパララックス効果を自前で実装する方法をご紹介いたします。 簡単なデモページも用意しましたので、挙動についてはデモをご参照ください。下にスクロールしていくと、…
クリックすると前面に現れるモーダルウインドウを実装する方法
jQueryでモーダルウインドウを実装する方法をご紹介いたします。モーダルウインドウとは、クリックすると画面の前面に出てくる要素のことです。 ものすごく簡単なデモも用意したので、挙動についてはデモページをご参照ください。…