textarea,inputの特定テキストをハイライトできる「jQuery highlightTextarea...
長いテキストエリア内でキーワードをハイライトさせる機能があれば便利...(続きを読む)

HTMLをベースにCSSファイルのひな形を作ってくれる「extractCSS」
サイトのHTMLをコピーして「Extract!」ボタンを押すと、idやclassを抽出してく...(続きを読む)

GoogleMapを静止画の形でページにサクッと埋め込めるjQueryプラグイン...
スマホサイトなどでグリグリ動くマップがWEBに埋め込まれていると逆に使...(続きを読む)

WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and ...
WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tu...(続きを読む)

文の一部をアニメーションで変更できるjQueryプラグイン「Morphext」
これは○○です。の○○の部分をアニメーションさせながら切り替えられ...(続きを読む)

JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」
ブラウザ上で動画や画像を読み込んで、GIFアニメに変換できるライブラリ...(続きを読む)

JavaScriptベースのOAuth認証ライブラリ「hello.js」
。JSベースでログイン、ログアウトが可能で、ユーザ情報なんかも簡単に...(続きを読む)

SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js...
。とにかくデモがスゴイので一見の価値があると思います。バックグラウ...(続きを読む)

顔の輪郭抽出ができるJavaScriptライブラリ「clmtrackr」
動画や画像からJavaScriptで抽出できるっていうのはなかなかスゴイですね...(続きを読む)

モダンなブログサイトが作れるデータベース不要のPHP製OSS「Dropplets...
。テンプレートが流行りのデザインで、カッコいい感じのブログを作るの...(続きを読む)

SVGでレスポンシブな美しいグラフ描画ができるライブラリ「Chartist...
線グラフ、円グラフ、棒グラフ等基本的なグラフが描けます。レスポンシ...(続きを読む)

マウスカーソルを豊富なアイコンから選んで設定できる「Awesome Curs...
FontAwsomeというアイコンが豊富に収録されたフォントが有名ですが、そちら...(続きを読む)

アニメーションする綺麗な円グラフが描けるjQueryプラグイン「Circli...
次のようにスタイリッシュな円グラフが描画できます。デフォルトのデザ...(続きを読む)

iOS7風の背景をボカしてオシャレにするエフェクト実装「oblurlay」
。iOSで、バックグラウンドをすりガラスですかして見たようなエフェクト...(続きを読む)

デザインのフィードバックをWEB上で行える「Red Pen」
WEBデザインの画像をD&Dでアップロードすると画像上に直接コメントが書...(続きを読む)

指定ユーザのインスタグラムの写真を表示できるjQueryプラグイン「...
サイトにインスタグラムの写真を掲載したい場合に手軽に実現できそうで...(続きを読む)

クレジットカード番号の入力を直感的にできる「Card.js」
同様のスクリプトを以前にも紹介しましたが、こちらはカード上に直接入...(続きを読む)

アニメーションするプログレスバーで達成度を視覚化できるjQueryプ...
。アニメーションするかしないかでしないかで達成度という観点で見た時...(続きを読む)

ブラウザ画面を黒板っぽくクリック位置に好きな文字を書き込める...
。次のように、好きな位置に文字を書き込めるUIを実現することが出来ま...(続きを読む)

画像の切り抜きがブラウザ上で簡単に行える「cropbox」
。ローカル画像を選択したら、画像を移動させたり拡大させて、Cropボタン...(続きを読む)