任意のライブラリを読み込んでデベロッパーツールのコンソールからテストできる・「JS Envy」
JS Envy JS Envyは任意のライブラリをロードしてDevToolのコンソールからAPIテストを行えるツールです。上図はjqueryを読み込んだ瞬間のSSです。右側にライブラリが挿入されているのが確認出来るかと思います（わかり...
Resource - MIT
オープンソースのHTML5製パーティクルエンジン・「Proton」
Proton ProtonはOSSで公開されているHTML5製のパーティクルエンジンです。手軽に様々なタイプのパーティクルを実装、動作シミュレートが可能、とのこと。レンダラはCanvas、DOM、WebGL、Easeljs、pixel...
SVGで世界地図を作成する為のスクリプト・「World Map Generator」
World Map Generator World Map GeneratorはSVGで世界地図を作成する際にサポートしてくれるスクリプトです。jQueryに依存しています。各国へのリンクや、その地域のタイムゾーンを取得する事が出来る...
HTML5製の軽量で高速な2Dゲームエンジン・「Stage.js」
Stage.js Stage.jsはHTML5製の軽量且つ高速な2Dゲームエンジンです。シンプルな2Dゲーム開発をサポートしてくれます。デモを触ってみましたが、割とはまってしまうものですね・・・DOMライクなツリー構造のデータモデルの...
モーショングラフィックスを構築する為のスクリプト・「mo.js」
mo.js mo.jsはWeb上でモーショングラフィックスを作成出来るOSSのスクリプトです。滑らかなアニメーションエフェクトでエレメントに動きを加え、組み合わせてモーショングラフィックスの構築をサポートする、というもの。デバイスを選...
OS XのFinderライクな階層データ表示の為のスクリプト・「Finder.js」
Finder.js Finder.jsはMac OSのFinderのカラムビューライクな階層データ表示用スクリプトです。上記のようなファイルマネージャのUIを実装する事ができる、というもの。依存関係もなくサイズも軽量との事。ライセンス...
Webサイトに任意のユーザー用のショートカットキーを設定できるスクリプト・「visualKeys」
visualKeys See the Pen PPxEdN by kachibito (@kachibito) on CodePen. visualKeysはWebサイトに任意のショートカットキーを手軽に割り当てられるスクリプト...
Dropbox製のオープンソースSCSSフレームワーク・「Scooter」
Scooter ScooterはDropboxが提供するOSSのSCSSフレームワークです。Dropbox向けに開発した基本スタイルのSCSS及びUIフレームワークをオープンソースとしてもユーザーに公開しているようです。スタイルに関し...
SVGのパスをアニメーションにする為のシンプルなスクリプト・「jQuery DrawSVG」
jQuery DrawSVG jQuery DrawSVGはSVGのpathにアニメーションエフェクトを付与する為のスクリプトです。jQueryに依存しています。書いたpathにstroke-dasharrayプロパティとstroke...
CSSのみで棒グラフを作るためのチャートシステム・「chart.css」
chart.css chart.cssはCSSのみで棒グラフを作成する為のCSSチャートシステムです。上図のようなシンプルな棒グラフのみ作成可能となっています。用意されたclassやカスタムデータ属性によってパーセンテージの表示、太さ...
Dribbbleに投稿したアイテムでポートフォリオを作れるスクリプト・「Dribbbox」
Dribbbox DribbboxはDribbbleに投稿したアイテムを読み込んで自身のWebサイトにポートフォリオとして実装する為のスクリプトです。同梱されたconfig.jsを自分のDribbbleアカウントに設定する形で実装する...
任意の画像をプログレスバーにする為のスクリプト・「LoadGo」
LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo
高速で軽量なファイルベースのオープンソースCMS・「Morfy」
Morfy Morfyは高速で軽量、シンプルなファイルベースのCMSです。OSSとしてソースコードが公開されています。Markdownでコンテンツを更新する形のようですね。動作にはPHP 5.3以上、Apacheでmod_rewrit...
画像がメインコンテンツのWebサイト向けの静的サイトジェネレーター・「Expose」
Expose Exposeは画像をメインコンテンツとするWebサイト向けの静的サイトジェネレーターです。動画にも対応してるみたい。ポートフォリオやプロダクト、サービス紹介ページ等だと便利に使えそうですね。CMSだとオーバースペックな時...
軽さを意識したシンプルなCSSフレームワーク・「Kickstart」
Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...
オープンソースの国旗アイコン集・「FlagKit」
FlagKit FlagKitはOSSで公開されている国旗アイコン集です。スマフォアプリにも使えるようにしてあるみたいですね。シンプルで使いやすそうですが、全世界の国旗に対応してるかはまだ調べてないです。ライセンスはMIT。 F...
オープンソースのGoogle Web Font検索ツール・「FontCDN」
FontCDN FontCDNはGoogle Web Fontのフォントを探せる検索ツール。カテゴリでのソートやOSSとしてソースコードが公開されています。任意のテキストでの一括表示確認等のシンプルな機能ですが個人的には結構見やすい印...
HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」
hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...
軽量なJavaScript製モーションエンジン・「Popmotion」
Popmotion Popmotionは軽量なJS製のモーションエンジンです。アニメーションや物理エンジン、キー入力ハンドリングを備えたライブラリで12kbと軽量サイズとなっています。ライセンスはMIT。 Popmotion
AngularJSの為のガントチャートコンポーネント・「angular-gantt」
angular-gantt angular-ganttはAngularJSを使ったWebアプリケーションにガントチャートを実装する為のコンポーネントです。休日や勤務時間等の定義が可能なカレンダーのサポートや、タスクのソート、フィルタリ...
Sketchでアイコンフォントを手軽に使えるようにするプラグイン・「sketch-iconfont」
sketch-iconfont sketch-iconfontはSketchでアイコンフォントを手軽に使えるようにする為のプラグインです。Font AwesomeやIon icons等に対応してるそうです。尚、使いたいアイコンフォント...
ブラウザ上でReact Nativeを試せる・「React Native Playground」
React Native Playground React Native Playgroundはブラウザ上でエディタとiOSシミュレーターを使ってReact Nativeをテスト、シェア出来るWebツールです。ブラウザでネイティブアプ...