jQueryでは「$(‘.example::before’).css(‘color’,’#ccc’);」のように指定しても、疑似要素はDOMではない…
jQueryで::beforeや::after等の擬似要素のプロパティを操作する方法
ハンバーガーボタンのコードをサクッと生成できる「ハンバーガーボタンジェネレーター」
ハンバーガーボタンジェネレーターは、その名の通りハンバーガーボタンを作成できるジェネレーターです。サイズや色を設定するだけで、サクッとハンバーガーボタンのコードを生成できます。 ジェネレーターの制作者は、ザリガニデザイン…
各セクションを重なるようにスクロールさせることができるjQueryプラグイン「StickyStack.js」
StickyStack.jsは、スクロールに合わせて下の要素が上に重なっていくようなエフェクトを加えることができるjQueryプラグインです。要素が下からせり上がってくるような印象を与えることができます。 挙動は以下ペー…
WordPress管理画面でユーザープロフィールの不要な項目を非表示にする方法
WordPress管理画面のユーザープロフィールで、不要な項目を非表示にする方法をご紹介いたします。 ユーザープロフィールの項目自体を無効化するわけではなく、jQueryやCSSを使って非表示にしています。 WordPr…
jQueryを使ってアニメーションしながら指定した数字までカウントアップさせる方法
jQueryを使って、0から指定した数字までカウントアップする方法をご紹介いたします。指定した数字までアニメーションしながらカウントアップします。 以下にデモを用意しましたので、挙動についてはデモページをご参照ください。…
WordPressの投稿画面で親カテゴリーにチェックが入ったら子カテゴリーを表示する方法
WordPressの投稿画面で、子カテゴリーを予め非表示にしておき、親カテゴリーにチェックが入ったら表示するように挙動を変更する方法をご紹介いたします。 WordPressの投稿画面で親カテゴリーにチェックが入ったら子カ…
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ライブラリです。様々なアニメーションが用意されているので、色んなサイトで活用することができます。 動…