WordPressの管理画面で独自のCSSやJavaScriptを読み込む方法をご紹介いたします。 管理画面に独自のCSSやJavaScriptを読み込むことで、より柔軟なカスタマイズが可能になります。 WordPres…
WordPressの管理画面で独自のCSSやJavaScriptを読み込む方法
別ページからのアクセスでもjQueryを使ってスムーススクロールさせる方法
ページ内リンクをスムーススクロールさせる方法については、以前「jQueryを使ってページ内リンクをスムーススクロールさせる方法」という記事でご紹介いたしました。 こちらの記事では、同じページ内のアンカーリンクをスムースス…
jQueryでブラウザの横幅やデバイスの種類で条件分岐させる方法
jQueryで、ブラウザの横幅やデバイスの種類で条件を指定する方法をご紹介いたします。 スマホのみに適用したい処理がある場合などに活用できますので、結構利用シーンは多いかと思います。 jQueryでブラウザの横幅やデバイ…
簡単にサムネイル付きのスライダーを設置できるjQueryプラグイン「Fotorama」
Fotoramaは、シンプルで導入が容易なスライダープラグインです。サムネイル付きのスライダーが簡単に設置できます。もちろんサムネイルなしも可能です。 挙動については、以下デモページをご確認いただければと思います。 デモ…
JavaScriptを使ってテキストを一文字ずつ表示させる方法
JavaScriptを使って、指定したテキストを一文字ずつ表示していく方法をご紹介いたします。 動きについては、以下デモページをご参照ください。 デモページを見る JavaScriptを使ってテキストを一文字ずつ表示させ…
横からスライドして表示されるメニューを実装できるjQueryプラグイン「Drawer」
Drawerは、横からスライドして表示されるメニューを実装することができるjQueryプラグインです。 デモは以下ページでご確認いただけます。 デモページを見る Drawerの使い方 ステップ1. 必要なファイルの読み込…
背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグイン「jQuery Ripples」
jQuery Ripplesは、背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグインです。 挙動については、以下デモページにてご確認ください。画像にマウスを乗せたり、クリックすると波紋が広がりま…
フォームでカレンダーから日付入力できるようになる「jQuery UI Datepicker」の導入手順
jQuery UI Datepickerは、フォームでの日付入力時にカレンダーから選択できるようにする、jQuery UIの中にある機能の1つです。jQuery UIには、ユーザーインターフェースに関する機能がまとめられ…
アニメーションするSVGアイコンが使えるようになるJavaScriptライブラリ「Titanic」
Titanicは、スクリプトを読み込んで要素にクラスを追加するだけで、アニメーションするSVGアイコンが使えるようになるライブラリです。 挙動については、以下デモページで確認できます。(Previewのところです) デモ…
CSSのFlexboxを古いIEにも対応させることができるスクリプト「flexibility」
要素を横並びにしたり、レイアウトを構築する時に便利なFlexboxですが、Internet Explorer8や9等の古いブラウザには対応していません。マイクロソフトのサポートも終了していますし、個人的には古いIEは無視…