レスポンシブサイトの電話発信をPCのときは発信させない方法

2018-07-06jQuerytips

aタグクリックで電話を発信させることができますが、スマホ時は発信させたいけど、PC時は発信させたくない場合があると思います。そんな時に役に立つ方法をjQueryを用いて紹介します。

外部ファイル(html)からコンテンツを読み込んで表示するタブ機能

2018-07-02javascriptjQuery

外部ファイルからコンテンツを読み込んで表示するタブ機能を実装するjavascriptコード(jQuery使用)の備忘録です。URLパラメータによって最初に表示するタブ内容も制御できるようにしています。

「Magnific Popup」の矢印、閉じるボタン、カウンターのカスタマイズ

2017-12-27jQuery

jQueryプラグイン「Magnific Popup」の矢印(arrow)、閉じるボタン(close)、カウンター(counter)のカスタマイズ方法を紹介します。オプションが用意されているので、比較的簡単にカスタマイズできます。

slick.jsでサムネイル付きスライダーを作成する

2017-12-22jQuery

何度か取り上げているslick.jsの使い方ですが、今回はサムネイル付きスライダーを作成します。サムネイルがスライダーのものや、サムネイルを固定した(サムネイルをスライドさせない)スライダーなどいくつか紹介します。

「Magnific Popup」のオプション一覧

2017-12-21jQuery

モーダルウィンドウを簡単に設定できるjQueryプラグイン「Magnific Popup」のオプション一覧を見ていきます。Magnific Popupをカスタマイズしたい人は参考にしてみてください。

よく使うjQueryプラグイン② 「Magnific Popup」

2017-12-19jQuery

代表的なlightbox系プラグインの 「Magnific Popup」。画像だけではなく、YoutubeやGoogle map・外部htmlをモーダルウィンドウで表示することができます。そんな「Magnific Popup」の使い方を説明していきます。

slick.jsのdots、arrowsのカスタマイズ方法

2017-11-10jQuery

スライダーのjQueryプラグインの「slick.js」のdots(ドット)、arrows(矢印)のカスタマイズ方法を紹介します。「slick.js」はdots、arrows変更用のオプションを用意してくれています。

「slick.js」の使い方応用編

2017-10-27jQuery

スライダー系のjQueryプラグイン「slick.js」の使い方応用編です。slick.jsを使用して色んなパターンのスライダーを制作しています。slick.jsのオプションが多すぎるが故に、気づいていないかもしれない便利なオプションもご紹介しています。

よく使うjQueryプラグイン① 「slick.js」

2017-10-26jQuery

スライダー系のjQueryプラグインは今でもよく使います。私がよく使っている「slick.js」の基本的な使い方から、オプションの詳細な使い方までご紹介。オプションやメソッドの一覧(日本語)もあります。

1
ページトップへ戻る