非依存型の日付ピッカーライブラリ・「Rome」
Rome Romeは非依存型のデイト/タイムピッカーです。単体で動いてくれるのは有難いですね。カスタマイズ性もありそう。ライセンスはMITです。 Rome
Resource - JavaScript
フロントエンド開発の為のコンポーネント集・「FORMSTONE」
FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...
Web Audioの制御やOSCデータの送信が可能なオーディオUI向けJavaScriptライブラリ・「NexusUI」
NexusUI NexusUIはWeb Audioの制御や他アプリケーションへのOSCデータの送信等が可能な、Webブラウザ向けのオーディオUIを設計する為のJSライブラリです。モバイルフレンドリーに作られているとの事です。名前はこん...
画像をクリック時に全画面表示するスクリプト・「Intense Images」
Intense Images Intense Imagesは画像をクリックした際に全画面表示するスクリプトです。非依存型で、単体で動いてくれます。フルスクリーン化だけでなく、マウスを動かしてスクロールする事も可能です。うまく説明出来な...
Androidライクなパターンロックを実装するスクリプト・「Pattern Lock」
Pattern Lock Pattern LockはAndroidのようにパターンでロックを掛ける為のスクリプトです。jQueryに依存します。上記のようにcaptchaの通りなぞる事でロックが解除される、といった、スパム対策も可能で...
CSVのパースとエンコードが可能なスクリプト・「CSV.js」
CSV.js CSV.jsはCSVのパースとエンコードが可能なスクリプトです。CSVの仕様に準拠しているとの事です。シンプルで使い勝手良さそうですね。ライセンスはMITです。 CSV.js
段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」
SideComments.js SideComments.jsはMediumのように、段落毎にコメントできるスタイルを導入できるスクリプトです。jQueryに依存しています。従来のコメントエリアは基本的に最下部にあるでしょうし、長文の...
tableのデータを様々なフォーマットでエクスポート出来る様にするスクリプト・「HTML Table Export」
HTML Table Export HTML Table Exportはtableに書いたデータを様々なフォーマットでエクスポート出来るようにするスクリプトです。jQueryに依存します。対応フォーマットはPDFやJSON、PNG、X...
input要素のラベルにアニメーションエフェクトを追加するスクリプト・「FancyText」
FancyText FancyTextはformのinput要素に指定したラベルテキストにアニメーションエフェクトを追加するスクリプトです。jqueryに依存しています。フォーカスすると、ラベルが入力の邪魔にならないように外に出たり非...
グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」
jquery.matchHeight.js jquery.matchHeight.jsは様々な状況に対応可能な、エレメントの高さを揃えるスクリプトです。jQueryに依存しています。グルーピングされた要素やネストされた要素内のエレメン...
Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」
ScrollMe ScrollMeはWebページにシンプルなスクロールエフェクトを追加する為のスクリプトです。jQueryに依存しています。特別な設定は必要なく、スクリプトを読み込んで指定のclassを追加、エフェクトを追加したい要素...
複数のチャートを連動させる多次元チャートライブラリ・「dc.js」
dc.js dc.jsは複数のチャートを連動させる多次元チャートライブラリです。例えば円グラフの任意の場所をクリックすると、他のグラフがその箇所に応じたデータに変化します。デモをご確認頂いたほうが早いかもしれません。複雑なデータの可視...
モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」
Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...
大量のデータもフィルタリング可能なデータテーブルを実装するjQueryプラグイン・「jQuery DataTables」
jQuery DataTables jQuery DataTablesは大量のデータも高速でフィルタリングしてくれるデータテーブルを実装するスクリプトです。jQueryに依存しています。動作デモでは、10万以上あるデータから瞬時にフィ...
Google+スタイルのBootstrap・「Bootplus」
Bootplus BootplusはGoogle+スタイルのBootstrapテーマキットです。各コンポーネントもGoogle+を彷彿とさせるUIに仕上がっていました。なかなか素敵。ライセンスはフッターに記載されていますのでご利用の際...
モバイル/デスクトップWebアプリ向けのリッチなUIを構築できるJavaScriptフレームワーク・「Webix」
Webix WebixはJavaScript、CSS、HTML5を使用した、インタラクティブなWebアプリケーションを構築するためのUIフレームワークです。クロスブラウザ、クロスデバイスとの事ですが、どれくらい対応しているかはちょっと...
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」
Japan Map Japan Mapは日本のクリッカブルマップを実装できるスクリプトです。都道府県だけでなく、地域でグループ化も出来るみたい。これは覚えておくと良さそうです。ライセンスはMITとの事。 Japan Map
ネイティブアプリライクなWebアプリを実装する為のUIライブラリ・「App.js」
App.js App.jsはネイティブアプリのようなルック＆フィールを持ったモバイルWebアプリを実装する為のUIライブラリです。軽量で対応幅も広そうな印象でした。ライセンスはMITとの事。まだ触ってないので何とも言えませんが、ちょっ...
電車の乗り換えマップを作成できるJavaScriptライブラリ・「transitive.js」
transitive.js transitive.jsはトランジットマップを作成できるライブラリです。デモではマウスで動かせます。SVGで描いてドラッグで動かせるようにしてるみたいですね。徒歩経路も自動で付いてきてくれます。需要はとも...
3DオブジェクトをSVGやCanvasでレンダリングする為のライブラリ・「seen.js」
seen.js seen.jsは3DオブジェクトをSVGやCanvasで描く為のライブラリです。デモではCoffeeScriptが使われていますが、こちらは任意の様ですね。デモも多く用意されているので触ってみては如何でしょう。ライセン...
Bootstrap向けのレスポンシブなメガメニューを実装する・「Responsive Bootstrap MegaMenu」
Responsive Bootstrap MegaMenu Responsive Bootstrap MegaMenuはBootstrap向けのRWDに対応対応したメガメニューです。ドロップダウンメニューの中には動画やGoogleマッ...
WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」
RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...