ユーザビリティ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

プラグインの有効化/無効化の切り替えを容易に行えるようにするWordPressプラグイン・Plugin Toggle

プラグインの有効化/無効化の切り替えを簡略化する、というWordPressプラグインのご紹介。沢山プラグインを使用しているWebサイトやプラグインの動作テストをしたい時には便利かもです。

WordPressの管理画面のカラースキームを作成出来るプラグイン・Admin Color Schemer

WordPressの管理画面の配色は現在のWP3.8で何通りかに変更できるようになっています。このカラースキームの種類を自分で設定して増やせる、というプラグインです。

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

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

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

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

Bootstrap用の、ページ内の目次を生成するスクリプト・tocify.js

Twitter Bootstrap用の、目次生成スクリプト・tocify.jsのご紹介です。見出しを探し出して自動で目次を作る、みたいなやつ。実装も楽でユーザーにも優しい実装なのは素敵ですね。

input要素に入力パターンを組み込めるjQueryプラグイン・formatter.js

地味に便利そうだったのでメモ。input要素に入力パターンを組み込める、というスクリプトです。jQueryに依存しています。ユーザーの入力の補助によさそう。

contentEditable属性対応の、オートコンプリートでテキストや絵文字の入力を補完するライブラリ・At.js

オートコンプリートでテキストや絵文字等の入力を楽にしてくれる、というスクリプトです。以前紹介したものと被りますが、選択肢は多いほうがいいですね、という事でメモ。

ページ内の目次を自動生成するjQueryプラグイン・jQuery Jump To

ページ内の目次を自動生成する、というスクリプトのご紹介です。見出しを検出してページ内のナビゲーションを作成出来ます。冗長なページにはあると良さそうですね。

textareaでオートコンプリート機能を実装するjQueryプラグイン・jQuery.textcomplete

textareaでオートコンプリート機能を実装するスクリプト・jQuery.textcompleteのご紹介。デモではコメント投稿で絵文字を使う、みたいなケースが紹介されています。

ファビコンに更新通知の数字バッジ等をアニメーション付きで表示させるスクリプト・favico.js

ファビコンに更新通知の数字バッジ等をアニメーション付きで表示させるスクリプト・favico.jsのご紹介です。メールやソーシャルサイトなどで最近よく見かける、ファビコン通知バッジを実装します。

フォームでユーザーにヘルプをツールチップで実装するjQueryプラグイン・jQuery FormHelp

割と需要ありそうなので備忘録ついでにご紹介。ツールチップで実装する、テキストのフォームヘルパーです。「こういう具合に入力してね」みたいなのを明示するやつ。

ドラッグしたテキストをハイライトするjQueryプラグイン・jQuery Text Highlighter

ドラッグしたテキストをハイライトするライブラリのご紹介。jQuery依存になります。文章コンテンツで役に立つ・・・・かもしれない。

クレジットカードの情報入力を支援する為のスクリプト・Skeuocard

クレジットカードの情報入力支援用に作られたスクリプトです。クレジットカードの情報入力は結構面倒だったりするのでこういった支援スクリプトは気になるところですね・・・

アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル

SVGで書いたアイコンとPNGとで、どちらが重いかを調べた動作サンプルがあったので備忘録としてメモします。当然と言えば当然なんですけど、実際に見てみるとなんとも言えない気分になります・・

フォーラムを作成して任意のWebサイトに埋め込めるWebサービス・Moot

ディスカッションの場を作成して投稿内容を埋め込める、というWebサービスのご紹介。Disqusとちょっと似た感じかもしれません。あんまり使った事無いのでよく分かりませんけど・・
Ads