「 jQuery 」 一覧

no image

レスポンシブ対応ナビゲーションを簡単に付けられる「SlickNav」

レスポンシブサイトで、PCとスマホではメニューの見せ方を変えたいもの。 画面の幅が狭くなった時はハンバーガーボタンと言われる三本線のボタンを表示をすることができる、jQueryの「SlickNav」が …

no image

クリッカプルマップをjQueryでレスポンシブ対応させる方法

滅多に使わないのですが、たま~に「クリッカプルマップ」を使用してコーディングをする事があります。 しかし、「クリッカプルマップ」はレスポンシブで使用してしまうと、リンク位置がズレてしまう現象がおきます …

no image

【jQuery】PCとiPhone,iPad,Androidを判別してページを切り替え(リダイレクト)したいとき

以前はPCだけを意識してWebサイトを制作してきました。 しかし、最近はだんたんとPC以外(iPhone,iPad,Android)のタブレット系端末のアクセスが増え、PCだけでなくタブレット専用のW …

no image

jQuery「Supersized」でフルスクリーンのスライドショーを簡単設置

大きな画像をフルスクリーンでスライドするjQueryライブラリ「Supersized」を試してみました。 画面のサイズが変わっても、画像の縦横比を維持したままキレイに表示できるというライブラリです。 …

no image

軽量で簡単に設置出来るjQueryスライダー「FlexSlider」。

今までいくつかのjQueryスライダーライブラリを利用しました。今回も軽量で簡単に設置が出来る「FlexSlider」を見つけたので、早速メモです。 スマートフォンでも表示を確認したところ、表示サイズ …

no image

WordPressでオリジナルテーマ作りにチャレンジ3【header・footer編】

WordPressのオリジナルテーマ作りにチャレンジしています。 手順を数回に分けてメモしています。今回はその3回目です。 前回は、コーディングしたものを貼り付けた「index.php」 の中身を「h …

no image

jquery.gmap3.jsを使って、Googlemapを簡単にカスタマイズ♪

今回は、GoogleMapを埋め込んで、カスタマイズ出来るjQuery プラグイン「jquery.gmap3.js」。使ってみたら楽に出来たので、メモです。 配布元:blog.bumberboom   …

no image

LIghtBox風画像ギャラリーを「ColorBox」で作ってみた♪

LightBoxのように、画像を拡大表示出来るjQueryプラグインを探してみました。 たくさんLightBox風のライブラリはありましたが、今回は「ColorBox」というjQueryプラグインにチ …

no image

simplegallery.jsでシンプルだけど高機能なスライドショーを作ってみた♪

今回は、数枚の画像でスライドショーを「simplegallery.js」で作ってみたいと思います。 名前の通りシンプルですが、なかなか高機能で取付けも簡単に出来たので、メモです♪ js配布サイト: S …

no image

jquery.nivo.slider.jsを使ってリッチなスライドショーにチャレンジ♪

今回も数枚の画像を使ったスライドショーを作りたいと思います。 見た目がキレイで、ユーザーが自由に前後の画像へ移動する事も出来て、ちょっとしたテキストも入れられるという・・・見た目も機能も抜群な「jqu …