「 MIT 」 一覧

no image

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

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

no image

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

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

no image

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

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

no image

IE6で透過pngを表示してみました♪

IE6対策をいつまですれば良いのかなぁというところですが、まだもう少しIE6を意識してサイトを作ってます。 今回は、IE6ではキレイに表示されない透過pngをキレイに表示する方法にチャレンジしてみまし …

no image

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

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

no image

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

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

no image

thickbox.jsを使ってLightBox風モーダルウィンドウにチャレンジ♪

今回も、数枚の画像を効果的に見せる方法にチャレンジしたいと思います。 ・・・で、画像をクリックすると大きな画像を表示させることが出来るLightBox風にしたいなぁってコトでjQueryのライブラリ「 …

no image

slideshow.jsを使って画像のスライドショーにチャレンジ。 

画像数枚のスライドショーをjQueryのライブラリを使って作ってみたいと思います。 たくさん方法があると思うので、いくつか試してみるつもりです。 まず今回は、「slideshow.js」と「mooto …