Webデザイン

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に依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。

Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.js

Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.jsのご紹介。メールやSNSサイトでよく見るやつですね。良さそうだったので備忘録として。

インタラクティブなクレジットカード入力フォームを実装する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に依存しています。ちょっと今まで見た事が無いタイプですね・・・

CSSのみでアニメーション絵を作成/公開するプロジェクト・CSS A/Z

CSSのみで絵を描き、アニメーションさせる、というプロジェクトのご紹介です。アルファベットの数だけ投稿するみたいですね。

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

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

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

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

無料で使える、モバイル用Firefox OS向けに作られたリソース集

Firefoxのモバイル向けOSで使われているリソースがMozillaより配布されていましたので備忘録。実装コードではなく、PSDやフォントのみになります。

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

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

タッチデバイスにも対応の、要素をドラッグ&ドロップでソートできる軽量スクリプト・Sortable

要素をソートできるスクリプトのご紹介。タッチデバイスにも対応しており、軽量で非依存型となっています。なかなか便利そうですね。

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

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

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

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