tableのデータを様々なフォーマットでエクスポート出来る様にするスクリプト・「HTML Table Export」 HTML Table Export HTML Table Exportはtableに書いたデータを様々なフォーマットでエクスポート出来るようにするスクリプトです。jQueryに依存します。対応フォーマットはPDFやJSON、PNG、X...2014.06.17 | 10時23分35秒
input要素のラベルにアニメーションエフェクトを追加するスクリプト・「FancyText」 FancyText FancyTextはformのinput要素に指定したラベルテキストにアニメーションエフェクトを追加するスクリプトです。jqueryに依存しています。フォーカスすると、ラベルが入力の邪魔にならないように外に出たり非...2014.06.16 | 10時35分49秒
グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」 jquery.matchHeight.js jquery.matchHeight.jsは様々な状況に対応可能な、エレメントの高さを揃えるスクリプトです。jQueryに依存しています。グルーピングされた要素やネストされた要素内のエレメン...2014.06.15 | 10時13分26秒
Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」 ScrollMe ScrollMeはWebページにシンプルなスクロールエフェクトを追加する為のスクリプトです。jQueryに依存しています。特別な設定は必要なく、スクリプトを読み込んで指定のclassを追加、エフェクトを追加したい要素...2014.06.13 | 10時20分46秒
デスクトップ/モバイル向けのHTML5製ゲームフレームワーク・「Phaser」 Phaser Phaserはモバイル/デスクトップ向けのHTML5製の2Dゲームフレームワークです。pixi.jsを使うことでCanvasやWebGLのレンダリングもサポート可能との事。大量の動作サンプルが用意されていますのでご興味の...2014.06.11 | 10時25分02秒
複数のチャートを連動させる多次元チャートライブラリ・「dc.js」 dc.js dc.jsは複数のチャートを連動させる多次元チャートライブラリです。例えば円グラフの任意の場所をクリックすると、他のグラフがその箇所に応じたデータに変化します。デモをご確認頂いたほうが早いかもしれません。複雑なデータの可視...2014.06.10 | 10時26分41秒
多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」 Maxmertkit Maxmertkitはタイポグラフィやテーブル、ボタンやタブなどなどWebサイトに必要なコンポーネントを大量に備えたCSSデザインフレームワークです。RWDにも対応しています。Bootstrapのような使い方が出...2014.06.09 | 10時20分15秒
モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」 Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...2014.06.06 | 10時20分50秒
大量のデータもフィルタリング可能なデータテーブルを実装するjQueryプラグイン・「jQuery DataTables」 jQuery DataTables jQuery DataTablesは大量のデータも高速でフィルタリングしてくれるデータテーブルを実装するスクリプトです。jQueryに依存しています。動作デモでは、10万以上あるデータから瞬時にフィ...2014.06.04 | 10時37分00秒
Google+スタイルのBootstrap・「Bootplus」 Bootplus BootplusはGoogle+スタイルのBootstrapテーマキットです。各コンポーネントもGoogle+を彷彿とさせるUIに仕上がっていました。なかなか素敵。ライセンスはフッターに記載されていますのでご利用の際...2014.06.03 | 13時53分28秒
モバイル/デスクトップWebアプリ向けのリッチなUIを構築できるJavaScriptフレームワーク・「Webix」 Webix WebixはJavaScript、CSS、HTML5を使用した、インタラクティブなWebアプリケーションを構築するためのUIフレームワークです。クロスブラウザ、クロスデバイスとの事ですが、どれくらい対応しているかはちょっと...2014.06.02 | 11時02分49秒
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」 Japan Map Japan Mapは日本のクリッカブルマップを実装できるスクリプトです。都道府県だけでなく、地域でグループ化も出来るみたい。これは覚えておくと良さそうです。ライセンスはMITとの事。 Japan Map2014.05.30 | 11時56分39秒
ネイティブアプリライクなWebアプリを実装する為のUIライブラリ・「App.js」 App.js App.jsはネイティブアプリのようなルック&フィールを持ったモバイルWebアプリを実装する為のUIライブラリです。軽量で対応幅も広そうな印象でした。ライセンスはMITとの事。まだ触ってないので何とも言えませんが、ちょっ...2014.05.27 | 10時19分04秒
電車の乗り換えマップを作成できるJavaScriptライブラリ・「transitive.js」 transitive.js transitive.jsはトランジットマップを作成できるライブラリです。デモではマウスで動かせます。SVGで描いてドラッグで動かせるようにしてるみたいですね。徒歩経路も自動で付いてきてくれます。需要はとも...2014.05.23 | 11時15分18秒
テンプレートも用意されている軽量なレスポンシブWebデザイン対応CSSフレームワーク・「Responsee」 Responsee Responseeは軽量で直感的に使えるCSSフレームワーク。直感的と感じるかどうかは個人差はあるかもしれませんが、本サイトでそう謳っていましたのでそうなんでしょう。RWDに対応しており、PSDも配布されています。...2014.05.19 | 10時25分02秒
iOSアプリ向けヘルプデスクを作成する為のオープンソースのフレームワーク・「HelpStack」 HelpStack HelpStackはiOS向けのヘルプデスク作成フレームワークです。OSSとして公開されています。リアルタイムで更新される対話型のヘルプや、スクリーンショットの添付等が可能となっています。ヘルプデスクを充実させる事...2014.05.16 | 10時20分02秒
3DオブジェクトをSVGやCanvasでレンダリングする為のライブラリ・「seen.js」 seen.js seen.jsは3DオブジェクトをSVGやCanvasで描く為のライブラリです。デモではCoffeeScriptが使われていますが、こちらは任意の様ですね。デモも多く用意されているので触ってみては如何でしょう。ライセン...2014.04.30 | 10時35分32秒
Bootstrap向けのレスポンシブなメガメニューを実装する・「Responsive Bootstrap MegaMenu」 Responsive Bootstrap MegaMenu Responsive Bootstrap MegaMenuはBootstrap向けのRWDに対応対応したメガメニューです。ドロップダウンメニューの中には動画やGoogleマッ...2014.04.25 | 10時25分18秒
Bootstrapベースの管理画面向けテンプレート・「AdminLTE」 AdminLTE AdminLTEはBootstrap 3をベースとしたコンロールパネル向けのデザインテンプレートです。BootstrapベースなのでRWDにも対応しているのは楽でいいですね。サンプルをざっと見た感じは、かなり良くでき...2014.04.23 | 10時30分04秒
WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」 RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...2014.04.22 | 10時23分11秒
スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」 Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...2014.04.21 | 10時25分09秒
jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」 Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...2014.04.20 | 10時37分57秒