データを可視化する為のJavaScriptライブラリ・「JS Data Viz」
JS Data Viz JS Data Vizはデータをグラフ化したりツリーマップで階層を可視化したりヒートマップを作成、ガンチャートを作成する等、データを可視化するためのライブラリです。目的ごとにJSファイルが用意されています。出来...
Resource - フレームワーク
Font Awesomeのアイコンフォントにアニメーションエフェクトを加える為のCSS・「Font Awesome Animation」
Font Awesome Animation Font Awesome AnimationはFont Awesomeのアイコンフォントにアニメーションエフェクトを加える為のCSSです。CSSを読み込んで指定されたclassを加えればア...
ダイアグラムを生成出来るJSライブラリ・「JointJS」
JointJS JointJSはダイアグラムを生成出来るJavaScriptライブラリです。インタラクティブなダイアグラム作成ツールを構築する事が出来ます。基本的な操作は概ね出来るようですね。OSSとして公開されていおり、ライセンスは...
SASS対応のモバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「Sculpt」
Sculpt SculptはモバイルファーストなRWDのWebサイトを構築する為のCSSフレームワーク。SASS対応で軽量に作られているようです。とても良さそうではありますが、クリエイティブコモンズ4.0の表示必要なライセンスの元での...
オープンソースの電子書籍作成フレームワーク・「Bookshop」
Bookshop BookshopはOSSで配布されている電子書籍作成フレームワークです。フォーマットはPDF、ePub、HTMLなどに対応しているみたい。ライセンスはMITとBSDです。詳細は本サイトでご確認下さい。 Book...
クオリティの高めなTwitter Bootstrapテーマを紹介する・「Black Tie」
Black Tie Black Tieはクオリティの高いTwitter Bootstrapテーマを紹介するWebサイトです。アプリのライディングページやフラットデザイン、ポートフォリオなどなどが用意されています。数はまださほど多くあり...
軽量でシンプルなCSSフレームワーク・「Bijou」
Bijou Bijouはシンプルで軽量なCSSフレームワークです。圧縮版で2KBほどと、かなり軽量化されています。グリッドレイアウトにも対応できますが、12カラムではなく10カラムで設計されていますね・・なんとなく珍しい気がしました。...
Bootstrap向けのスライド式カラーピッカーを実装するスクリプト・「Bootstrap Color Picker Sliders」
Bootstrap Color Picker Sliders Bootstrap Color Picker SlidersはBootstrap向けのカラーピッカーを実装するスクリプトです。スライダーでカラーを選定する仕様となっています...
CSSで作られたアニメーションロードインジケーターのキット・「SpinKit」
SpinKit SpinKitはCSSによるアニメーションロードインジケーターのキット。Githubにてソースが公開されています。スマフォ用/一部ブラウザのみ対応のWebサイトのみになってしまいそうですがデザインもシンプルで動きも滑ら...
モバイル向けのWebアプリ開発用に作られた軽量フレームワーク・「Zoey」
Zoey Zoeyはスマフォ向けのWebアプリの開発用に作られた軽量なフレームワークです。zepto.jsに依存しています。HTML5とCSS3ベースで各種コンポーネントが揃えられています。ライセンスはMITです。 Zoey
Ember.jsのコンポーネントを拡張するライブラリを配布する・「Addepar Open Source」
Addepar Open Source Addepar Open SourceはEmber.jsのコンポーネントを拡張するライブラリを配布するWebサイトです。現在の所、テーブル、ウィジェット、チャートの3種となっています。それぞれの...
シンプルで軽量なCSSフレームワーク・「LAYERS CSS」
LAYERS CSS LAYERS CSSはシンプルで軽量なCSSフレームワークです。レスポンシブWebデザイン対応で無駄な装飾等もありません。かなり使いやすい印象でした。シンプルなものをお探しの方は一見の価値はあるかも知れません。ラ...
スマフォやタブレット向けのCSSフレームワーク・CLANK
CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK
CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」
jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...
JSONデータをtableタグに変換する・「json.human.js」
json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...
Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」
Start Bootstrap Start BootstrapはTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブログ風など多岐に渡ります。スター...
Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」
Bootflat BootflatはTwitter BootstrapベースのフラットデザインなWebサイトを構築する為のフレームワークです。モバイルファーストな設計で、リッチなコンポーネントが多数用意されています。ライトで使いやすい...
多数のコンポーネントが用意されたWebUIフレームワーク・「Semantic UI」
Semantic UI Semantic UIは多数のコンポーネントが用意されたWeb UIフレームワークです。現在32種類のコンポーネントがあり、今後も増えるそうです。BOOTSTRAPを意識して作られているのか、classの使い方...
音声による入力を可能にするライブラリ・「annyang」
annyang annyangは音声を認識し、声での入力を可能にする軽量スクリプトです。Web Speech APIを利用しています。Web Speech API で遊んでみたという記事の動作デモにあるようなコンテンツの作成に一役買っ...
iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」
ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...
シンプルで軽量なレスポンシブWebデザイン対応CSSフレームワーク・「KNACSS」
KNACSS KNACSSはシンプルで軽量なCSSフレームワーク。レスポンシブWebデザインにも対応しています。チュートリアルページを確認する限りでは素敵な性能のフレームワークなのですが、CC-BYなので使いどころはある程度限られるか...
モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」
Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...