jQuery

alert()のダイアログのスタイルを変更するスクリプト・SweetAlert

alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。

textareaやinput要素内の任意のテキストをハイライトするスクリプト・jQuery highlightTextarea

textareaやinput要素内の任意のテキストをハイライトするjQueryプラグインのご紹介です。どこかで利用する機会があるかと思ったので備忘録。

郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js

郵便番号から住所を自動補完してくれるライブラリのご紹介。他にもいくつかありますけど使いやすかったので備忘録として。
Ads

任意の要素を3D回転させ、立体的に見せる国産のjQueryプラグイン・TURNBOX.js

任意の要素をアニメーションエフェクトで立体的に見せる、というスクリプト・TURNBOX.jsのご紹介。フラットなデザインと相性良さそうです。

YoutubeやVimeoの動画を背景に指定できるjQueryプラグイン・OKFocus video

YoutubeやVimeoの動画を手軽に背景指定できる、というスクリプトのご紹介。jQueryに依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。

インタラクティブなクレジットカード入力フォームを実装するjQueryプラグイン・Card

インタラクティブなクレカ情報入力フォームを実装するスクリプトのご紹介。以前も似たようなものを紹介しましたが、こちらの方が良さそうだったので備忘録。

複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Select

複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Selectのご紹介。なかなか便利そうだったので備忘録です。

Googleスプレッドシートに書いた内容をtableで実装するjQueryプラグイン・Sheetrock

Googleスプレッドシートに書いた内容をtableで実装するjQueryプラグインのご紹介です。データを手軽にWebサイトに表示出来るのは楽でいいですね。

任意のテキストを手軽にオートコンプリートとして実装できるjQueryプラグイン・Completer

送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。

tableのデータを元に、棒グラフを生成するjQueryプラグイン・TableBarChart

tableのデータから棒グラフを自動生成するスクリプトのご紹介です。jQueryに依存します。手軽で良かったので備忘録として。

Webページのナビゲーションを自動生成する軽量なjQueryプラグイン・jQuery Tocible

ページの見出しを取得して、サイドにナビゲーションを生成する、というスクリプトのご紹介。jQueryに依存しています。

レスポンシブWebデザインに対応したモーダルウィンドウを実装するjQueryプラグイン・Remodal

RWD対応のモーダルウィンドウを実装するスクリプト、Remodalのご紹介です。jQueryに依存しています。

シンプルな見た目に拘ったWYSIWYGエディタを実装する為のjQueryプラグイン・Froala WYSIWYG Editor

シンプルな見た目に拘ったWYSIWYGエディタ、Froala WYSIWYG Editorのご紹介です。jQueryに依存しています。ちょっと今まで見た事が無いタイプですね・・・

文中に脚注を手軽に加えられるjQueryプラグイン・Footnoted

文中に脚注を加えるスクリプトのご紹介です。プラグインと呼べるかどうか分からないほどシンプルなものですが、手軽に加えられるので長文を扱う時の為に覚えておいて損は無いかも。

Googleカレンダー対応の、シンプルなイベントカレンダーを実装出来るjQueryプラグイン・kalendar

Googleカレンダーで設定したイベント等に対応したカレンダー実装スクリプト・kalendarのご紹介です。勿論、普通にイベント設定も可能。jQueryに依存しています。

Google Mapで任意の場所の周囲にある施設をマーカーで表示するjQueryプラグイン・WhatsNearby

Google Mapで、任意のポイントと、そのポイントの周囲にある施設をマーカーで表示出来る、というスクリプトです。範囲の距離の指定や施設の種類、中心地に設定したマーカーなども設定出来るようになっています。

Googleマップを、オートコンプリート機能付きで検索出来るようにするシンプルなjQueryプラグイン・Geocomplete

Googleマップをオートコンプリート機能付きで検索出来るようにする、というスクリプトのご紹介。シンプルで良さそうですね。jQueryに依存します。

通知メッセージを実装する為のシンプルなjQueryプラグイン・notifIt!

シンプルで使いやすそうだったので備忘録。アニメーションしながら表示される通知メッセージを実装するシンプルなスクリプト・notifIt!です。jQueryに依存します。

input要素のplaceholderをフォーカス時に上にアニメーション付きで押し出すスクリプト・jQuery Label Better

ちょっとかわいかったので備忘録。placeholderとは別にテキストを用意し、inputにフォーカスした際にポンッと押し上げる、というスクリプトです。jQueryに依存します。

一文字ずつテキストにアニメーションエフェクトを加えるスクリプト・funnyText.js

ユニークなスクリプトだったのでなんとなくメモ。一文字ずつエフェクトを加えてランダムに動かす、というもの。やりすぎるとアレですけどこれはこれで面白いですね。

コンテナのサイズに合わせて画像をフィットさせるスクリプト・imagefill.js

コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。

リッチなテーブルを実装する為のjQueryプラグイン・Open JS Grid

リッチーなテーブルを実装するjQueryプラグイン・Open JS Gridのご紹介です。大量のデータを扱うコンテンツ等で導入を検討したいですね。
Ads