jQueryプラグイン・ライブラリ [jQuery]フォームの入力文字数をカウントするプラグインTextchange
テキストフォームに入力した文字数をカウント表示してくれるjQuery プラグインがTextChangeです。 Twitterのように140文字を上限とした場合、入力文字数に応じて140 からカウントダウンしていき、140文字を超えると「負」...
Javascript・jQuery
jQueryプラグイン・ライブラリ 
jQueryプラグイン・ライブラリ [jQuery]横並びの要素の高さを行毎に揃えるプラグインjQuery.lineUp
floatを使って要素を横並びで表示する場合、「高さの異なる要素を行を揃えてキレいに表示したい！」と思いますが、 「heightを固定値にしてoverfloe:hiddenではみ出た情報を非表示にして…なんてのはスマートじゃないし…」という...
Javascript・jQuery サイトのコピーライトで「現在年」を表示する方法（Javascript ＆ PHP）
サイトのフッターコピーライトで、2007 - 2013 のような年号を記載する場合もあると思いますが、年が変わるたびに年号を手打ちで更新するのは面倒なので、Javascriptで現在年を自動表示する方法を紹介します。 WordPressのよ...
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]<table>の<tr>にリンク先を指定できるようにする方法
<table> の行をクリックして、指定したリンク先に飛ばせるようにする方法です。 非常に便利なカスタマイズでしたのでシェアさせていただきました。 jQuery ファイルと一緒にjavascript のコードを設置 かちびと.net 様で公...
Bootstrap [Bootstrap]タブメニューをCookieに保存して記憶させる方法
Bootstrapを使ったシンプルなタブメニューの実装方法のご紹介です。 今回はタブメニューの基本的な設置方法と合わせて、jQuery Cookieを利用して現在閲覧しているタブの情報をCookieに保存する方法も合わせて紹介させていただき...
jQueryプラグイン・ライブラリ [jQuery]複数の要素を縦にも横にもふわふわ動かすプラグインjqFloat
指定した要素を「ふわふわ」動かすjQueryプラグイン「jquery.yurayura」 の記事でも、要素を「ふわふわ」と動かすjQueryプラグインjquery.yurayura.jsについて紹介させていただきましたが、今回紹介させていた...
jQueryプラグイン・ライブラリ [jQuery]フォームのバリデーションと入力ヒントの表示も可能なプラグインJQuery Form Validation And Hints
フォームのバリデーションと入力ヒント用jQueryプラグインJQuery Form Validation And Hintsのご紹介です。 設置とカスタマイズが簡単なので、お問い合わせや見積、資料請求などの各種メールフォームが必要な企業サイ...
Javascript・jQuery [JS]jQueryでページスクロールしてもナビゲーションを固定させる方法
ページを下までスクロールしてもサイドメニューに広告が固定されたまま、なんてブログをよく目にしますが、このような動きはjQueryを利用することで実装可能です。 バナー広告以外にもメニューボタンやSNSボタン、ページの先頭へ戻るなどのリンクを...
Bootstrap [Bootstrap]LightboxプラグインBootstrap Lightboxの使い方
Bootstrapのモーダル機能ベースのBootstrap Lightboxは、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox系プラグインです。 ColorboxやFancyboxのようにあれもこれも出来るという訳...
Javascript・jQuery [jQuery]はてなブックマーク数が多い順に記事を一覧で出力する方法
はてブで人気の記事を自分のブログに一覧として表示する方法が紹介されていました。 記事のタイトルとブックマーク数をリスト形式で出力する方法です。 はてブでの人気記事一覧を作るJavascriptファイル ウェブル 様で公開されているコードの中...
Javascript・jQuery [JS]ブラウザを一定量スクロールさせるとボタンを表示させて固定させるカスタマイズ
jQueryを利用して、ブラウザを一定量スクロールさせることで非表示だったボタンなどの要素を表示させる方法です。 例えば、普段は「ページの先頭へ」のボタンは非表示にしておき、ページを一定量スクロールさせることで、ぼんやりボタンを出現させる、...
WordPress [WP]jQueryでツイート数、いいね数などを取得して、WordPressの記事別に設置する方法
jQuery で Twitter のツイート数や、Facbeook のいいね数を表示する方法が人力検索はてなに掲載されていたので、これに「はてブ」も加えて、WordPressの記事毎にjQueryでSNSのカウント数（いいね数やツイート数な...
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。 ブログで大量の画像を掲載しているような場合は、ページのスクロールに合わせて画像を読み込む（遅延ロード）ようにしてく...
Javascript・jQuery [JS]FacebookやTwitter、はてブなどのソーシャルボタンを非同期で読み込む方法
Facebookの「いいね」やTwitterの「ツイート」、Google +1の「+1」などの各種ソーシャルボタンの読み込みを非同期にすることで、ページの表示速度を向上させる方法です。 Facebook、Twitter、Goolge +1の...
jQueryプラグイン・ライブラリ [JS]郵便番号から住所を自動入力できるajaxzip3の使い方
お問い合わせフォームや見積フォームで「住所」を都道府県から手打ちで入力するのは面倒ですので、郵便番号を入力するだけでその後の住所を自動入力してくれる javascriptajaxzip3が便利です。 郵便番号の入力フォームが3桁 + 4桁と...
Javascript・jQuery [JS]画像や動画、iframeもLightbox風に立ち上げるjQueryプラグインColorboxの使い方
画像をオーバーレイで拡大表示できるスクリプトとして、Lightbox はよく使いますが、動画やinline コンテンツ、iframeなどもLightbox 風に表示させるにはjQueryプラグインColorboxが便利です。 カスタマイズし...
jQueryプラグイン・ライブラリ [JS]jQueryとjQueryUIを利用したDatepickerの実装方法のまとめ
日付を入力するフォームを用意する際、手打ちで年月日を入れると面倒なので、jQueryのDatepickerを利用して、カレンダーから日付を選んで自動入力できるようにする方法です。 jQuery Datepicker Datepickerにつ...
Javascript・jQuery [JS]ソースコードをハイライト表示できるGoogle Code Prettify
WordPressの場合はSyntaxHighlighter Evolvedプラグインを利用することで簡単にソースコードをハイライト表示させることが可能ですが、WordPressではないブログやサイトの場合にはGoogle Code Pre...
jQueryプラグイン・ライブラリ [jQuery]Pinterestっぽいサイトを作れるプラグインjQuery Masonry
Pinterest風のタイルを敷き詰めたようなレイアウトを実現するために、jQueryプラグインの「The Wookmark jQuery plugin」を使う方法は以前にも紹介させていただきましたが、やはりjQuery Masonryの方...
WordPress [WordPress]jQueryを利用してオートコンプリート（検索サジェスト機能）を実装する方法
利用する機会があるか？どうか？？は別として、jQueryを利用してWordPressでオートコンプリート（検索サジェスト機能）を実装する方法のまとめです。 Googleサジェストのような高機能なモノは実現できませんので…。あらかじめこちらで...