jQueryプラグイン・ライブラリ [jQuery]スマホアプリのように左右からメニューをスライド表示できるプラグインmmenu
スマホアプリのようにアイコンボタンをクリックして左右からメニューをスライド表示できるjQuery プラグインmmenuのご紹介です。 オプションで色々カスタマイズができますが、まずは今回はmmenuの基本的な設置方法から使い方までをご紹介し...
jQueryプラグイン・ライブラリ
jQueryプラグイン・ライブラリ 
jQueryプラグイン・ライブラリ [jQuery]スマホでもIE7にも対応したベースのマーキーっぽいスクロールjQuery Marquee
以前はPCサイトやガラケーサイトで頻繁に目にしたmarqueeタグによる文字のスクロール表示ですが、モダンブラウザやiPhone、iPad、またIE8や7の環境でもマーキーっぽく文字を流したい場合は、jQuery を利用すると便利です。 今...
jQueryプラグイン・ライブラリ [jQuery]フォームの入力文字数をカウントするプラグインTextchange
テキストフォームに入力した文字数をカウント表示してくれるjQuery プラグインがTextChangeです。 Twitterのように140文字を上限とした場合、入力文字数に応じて140 からカウントダウンしていき、140文字を超えると「負」...
jQueryプラグイン・ライブラリ [jQuery]横並びの要素の高さを行毎に揃えるプラグインjQuery.lineUp
floatを使って要素を横並びで表示する場合、「高さの異なる要素を行を揃えてキレいに表示したい！」と思いますが、 「heightを固定値にしてoverfloe:hiddenではみ出た情報を非表示にして…なんてのはスマートじゃないし…」という...
jQueryプラグイン・ライブラリ [JS]Google画像検索のような画像の拡大表示ができるjQueryプラグインSuperbox
jQueryプラグインSuperboxを使って、Googleの画像検索のような見せ方ができます。 サムネイル画像をクリックして、その直下に拡大画像を割り込ませて表示させるUIです。 ギャラリーサイトなどでLightboxを使って立ち上げてい...
jQueryプラグイン・ライブラリ [jQuery]テーブルを手軽にソートできるプラグインStupid jQuery Table Sort
テーブルを手軽にソートできるjQueryプラグインStupid jQuery Table Sortのご紹介です。 非常にシンプルで軽量なスクリプトなので、ちょっとしたテーブルのソートに便利です。 ※ライセンスはMIT licenseです。 ...
jQueryプラグイン・ライブラリ [jQuery]IE8以下で角丸を使えるプラグインjQuery curvyCorners
CSS3のborder-radius を使えば簡単に角丸を実現できますが、CSS3 が対応していないIE8 以下でも角丸を使えるようにするjQueryプラグインがjQuery curvyCornersです。 jQuery curvyCorn...
jQueryプラグイン・ライブラリ [jQuery]複数の要素を縦にも横にもふわふわ動かすプラグインjqFloat
指定した要素を「ふわふわ」動かすjQueryプラグイン「jquery.yurayura」 の記事でも、要素を「ふわふわ」と動かすjQueryプラグインjquery.yurayura.jsについて紹介させていただきましたが、今回紹介させていた...
jQueryプラグイン・ライブラリ [jQuery]フォームのバリデーションと入力ヒントの表示も可能なプラグインJQuery Form Validation And Hints
フォームのバリデーションと入力ヒント用jQueryプラグインJQuery Form Validation And Hintsのご紹介です。 設置とカスタマイズが簡単なので、お問い合わせや見積、資料請求などの各種メールフォームが必要な企業サイ...
jQueryプラグイン・ライブラリ [JS]IEでもCSS3のMedia Queriesを対応させるスクリプトcss3-mediaqueries.js
なんて素敵なスクリプト!さすがGoogle先生!!! 最近はレスポンシブWEBデザインのサイトも増えてきましたので、ブラウザの幅やデバイスによってサイトの見せ方を変える必要もあるんです。 例えば、一見普通のPCサイトと思いきや、ブラウザの幅...
jQueryプラグイン・ライブラリ [JS]IEでもプレースホルダを利用できるjQueryプラグインjQuery ah-placeholder
HTML5で強化されたformのplaceholder属性は、javascriptを使わなくてもプレースホルダを使える優れものですが、これがやっぱりIEには対応していないです。 placeholderのIE対応となると、何だかんだでjava...
jQueryプラグイン・ライブラリ [jQuery]画像の読み込みを遅延させるプラグインLazy Load Plugin for jQuery
img要素の画像を遅延ロードさせることができるjQueryプラグインLazy Load Plugin for jQuery。 ブログで大量の画像を掲載しているような場合は、ページのスクロールに合わせて画像を読み込む（遅延ロード）ようにしてく...
jQueryプラグイン・ライブラリ [JS]郵便番号から住所を自動入力できるajaxzip3の使い方
お問い合わせフォームや見積フォームで「住所」を都道府県から手打ちで入力するのは面倒ですので、郵便番号を入力するだけでその後の住所を自動入力してくれる javascriptajaxzip3が便利です。 郵便番号の入力フォームが3桁 + 4桁と...
jQueryプラグイン・ライブラリ [JS]jQueryとjQueryUIを利用したDatepickerの実装方法のまとめ
日付を入力するフォームを用意する際、手打ちで年月日を入れると面倒なので、jQueryのDatepickerを利用して、カレンダーから日付を選んで自動入力できるようにする方法です。 jQuery Datepicker Datepickerにつ...
jQueryプラグイン・ライブラリ [jQuery]Pinterestっぽいサイトを作れるプラグインjQuery Masonry
Pinterest風のタイルを敷き詰めたようなレイアウトを実現するために、jQueryプラグインの「The Wookmark jQuery plugin」を使う方法は以前にも紹介させていただきましたが、やはりjQuery Masonryの方...
jQueryプラグイン・ライブラリ [JS]jQuery Text ResizerとjQuery Cookieを利用して文字サイズを大中小と変更する
企業サイトであれば「文字の大中小」ボタンをクリックしてページ内のフォントサイズを変更することがよくあると思いますが、jQueryプラグインjQuery Text Resizerを使えば手軽に実装できます。 また、jQuery Cookieと...
jQueryプラグイン・ライブラリ [JS]レスポンシブWEBデザイン対応のコンテンツスライダーFlex Slider
スライドショーのjQuery プラグインは山ほどありますがFlexSliderはレスポンシブWEBデザイン対応なので、スマホサイトでスライドコンテンツを利用する際には重宝しています。 また、カルーセルが使えるなどカスタマイズ性にも優れており...
jQueryプラグイン・ライブラリ [jQuery]WYSIWYGエディタを実装できるシンプルで軽量なプラグインCLEditor
シンプルなWYSIWYGエディタを簡単に設置できるjQueryプラグインCLEditorです。 各種ボタンのカスタマイズができる他、フルブラウザ対応（リサイズ）や幅固定バージョンも用意されていますのでサイトに合わせて利用できます。 ※注意点...
jQueryプラグイン・ライブラリ [javascript]Pinterestのようにタイル状にコンテンツを配置できるThe Wookmark jQuery plugin
Pinterestのようなサイトをよく見るようになりました。 この手のサイトはjQuery Masonryを利用することが多いのですが、今回はThe Wookmark jQuery pluginを使ったPinterest 風のタイル状サイト...
jQueryプラグイン・ライブラリ [IE]IE6でもmin-width、min-height、max-width、max-heightを使う方法
IE6ではCSSの「min-width」「min-height」「max-width」「max-height」が効かないため、javascriptなどを利用して別途対応してあげる必要があります。 今回紹介させていただくminmax.jsは、...
jQueryプラグイン・ライブラリ [JS]IE下位バージョンでsmoothRollOver.jsが正常に動かない時の対処法
IE6でも滑らかなロールオーバを実現させるには「smoothRollOver.js」が便利の記事で紹介させていただいた便利なjavascriptsmoothRollOver.jsですが、smoothRollOver.jsを使うと画像のレイア...
jQueryプラグイン・ライブラリ [javascript]ランダムでしかも指定件数分だけ要素を表示させるrandomDisplay.js
例えば「5件の記事の中から2件をランダム表示させる」のような処理を、jQueryを利用して実現させる方法です。 jQueryを使うので、小難しいプログラムを書いてランダムで記事を取ってくる…なんて処理は不要ですし、（javascriptが使...
jQueryプラグイン・ライブラリ [jQuery]指定した要素を「ふわふわ」動かすプラグインjquery.yurayura
jQuery を利用して画像を動かす方法には色々ありますが、指定した要素（画像など）を「ふわふわ」浮いているように見せるためのプラグインがjquery.yurayura.jsです。 縦方向に「ふわふわ」動くイメージですが、移動距離とスピード...
jQueryプラグイン・ライブラリ [jQuery]IE下位バージョンでも透過画像を使えるようにするプラグインjquery.belatedPNG
以前にも紹介させていただいたDD_belatedPNG_0.0.8a.jsですが、 IE6、IE7には対応していますがIE8では動いてくれない… ですので、がっつりIE下位バージョンに対応させようとなると、今回紹介させていただくjQuery...
jQueryプラグイン・ライブラリ [jQuery]Lightbox風に画像や動画をオーバレイ表示できるプラグインFancybox
Lightboxのように画像をオーバーレイで拡大表示できるjQueryプラグインFancybox。 この手のプラグインは他にも色々ありますが、Fancyboxの魅力は画像以外にもYoutube動画もLightbox風に表示できるという「汎用...