商用でも自由に使えるCC0ライセンスの動画を配布する・「Pexels Videos」
Pexels Videos Pexels Videosは商用利用でも無料のCC0ライセンスな動画を配布するプロジェクトです。動画のカテゴリも食べ物や車、街や人物、太陽や空、海などの景色やビジネス向けなど様々用意されています。ダミー動画...
Resource - オープンソース
Googleフォントや任意のWebフォントの表示テストを行う為のオープンソースソフトウェア・「webfont test」
webfont|test webfont testはGoogleフォントや任意のWebフォントの表示テストを行うためのOSSです。テストしたいフォントを選ぶと、上図のようにベースラインとフォント、ダミーテキストが表示されます。テキスト...
MercurialやGitをサポートしたオープンソースのソースコード管理システム・「Kallithea」
Kallithea KallitheaはMercurialやGitといったバージョン管理システムをサポートしているOSSのソースコード管理ツールです。Pythonで書かれてるみたいですね。ワンクリックでフォーク、ビルトインされたプルリ...
marked.jsを使ったシンプルなMarkdownエディタを実装する為のスクリプト・「Markdownify」
Markdownify MarkdownifyはシンプルなMarkdownエディタを実装する為のスクリプトです。jQueryに依存しています。シンタックス等はcodemirror.jsを使用し、Markdownのパースはmarked....
CSSのみで作られたローディングアニメーションのセット・「Loaders.css」
Loaders.css Loaders.cssはCSSのみで作られたローディングアイコンのセットです。CSSで作られているのでスタイルの変更やスピード調整もしやすく、軽量で済む反面、対応ブラウザも限られるので現状ではスマフォ向けになり...
ブラウザで動くシンセサイザーを実装する為のスクリプト・「beep.js」
beep.js beep.jsはブラウザ上で動く、WebAudio APIを使ったシンセサイザー構築の為のJavaScriptフレームワークです。シンプルなコードで動かせるように作ったそうです。デモページではコンソールを開いてtext...
Webサービスのステータスページを実装するためのPHP製オープンソースソフトウェア・「CachetHQ」
CachetHQ CachetHQはWebサービスの公開用ステータスページを実装する為のソフトウェアです。PHPで書かれています。動作にはPHP 5.4以上、エクステンションにmcrypt等が必要で、データベースはMySQL、 Pos...
セマンティックなフロントエンドフレームワーク・「mice」
mice miceはセマンティックなフロントエンド開発の為のRails製フレームワークです。設計も複雑な箇所はなく、主要なUIコンポーネントもひと通り揃えられている印象でした。アイコンはお馴染みのFont Awesomeが使われていま...
フラットデザイン向けのボタンを手軽に作成出来るOSS・「2.5dBUTTON」
2.5dBUTTON 2.5dBUTTONはフラットデザイン向けのボタンを手軽に作成出来るツールです。国産で、OSSとしてもソースコードが公開されています。サイズやカラー、テキスト、アイコンなどを調整してHTMLとCSSをコピペすれば...
スクロールに応じて映画のPV風にコンテンツを表示させるスクリプト・「Space.js」
Space.js Space.jsはスクロールに応じて映画のPVのようにコンテンツを次々と表示させていくスクリプトです。うまく説明出来ないので本サイトでスクロールをお試し下さい。以前流行ったパララックスなWebサイトの応用、みたいな感...
Webサイトのスタイルをユーザーがデスクトップ向けとモバイル向けに切り替えられるようにするスクリプト・「Responsible.js」
Responsible.js Responsible.jsはWebサイトのスタイルをPC⇔モバイルでスイッチ出来るようにするスクリプトです。他ライブラリに依存せず、単体で動いてくれます。前提条件として、Media Queriesを使用...
FoundationやBootstrapを使用しているWebサイト上にグリッドを表示するブックマークレット・「Grid displayer」
Grid displayer Grid displayerはFoundationやBootstrapといった人気のフレームワークを使用したWebサイト上にグリッドを表示させるブックマークレットです。単純にグリッドを表示させるだけでなく...
tableに書いたデータをGoogle Chartを使ってグラフ化する為のスクリプト・「Chartinator」
Chartinator Chartinatorはtableに書いたデータをGoogle Chartでグラフ化する為のスクリプトです。jQueryに依存しています。既存のtable要素に書かれたデータを可視化出来るのでユーザビリティの改...
ブラウザでCADライクにモデリング出来るオープンソースのソフトウェア・「ImplicitCad」
ImplicitCad ImplicitCadはブラウザ上でCADライクに3Dモデルを描けるOSSのソフトウェアです。haskellで書かれているみたいですね。3Dプリンターが近い未来に更に普及する事を想定し、開発、OSSとして公開し...
WebGL用のOSSな3Dゲームエンジン・「PlayCanvas 」
PlayCanvas PlayCanvasはオープンソースとして公開されているWebGL用の3Dゲームエンジンです。Windows、OS X、AndroidやiOSなどに対応したクロスプラットフォームなゲーム制作をサポートするとの事...
Webサイトを様々なデバイスに対応させる為の軽量なjQueryプラグイン・「Restive.JS」
Restive.JS Restive.JSはWebサイトを様々なデバイスに対応させるためのスクリプトです。デバイスを検出してbody要素にclassを加える、任意のサイズでブレークポイントを作成する、任意のDOM要素のみにclassを...
React用に開発されたFacebook製のIDE・「Nuclide」
Nuclide NuclideはReact用に開発されたFacebook謹製IDEです。Githubが公開したエディタのAtomをベースに、OSSとして提供する、とありますが、現在は直接ダウンロード出来ません。このソフトウェアの更新状...
YoutubeやImgur、Githubリポジトリ、jsFiddle等のURLをリッチメディアに変換するライブラリ・「Olly.js」
Olly.js Olly.jsは様々なサービスのコンテンツのURLをリッチメディアにコンバートするライブラリです。サポートしているサービスはYoutube、Vimeo、TEDなどの動画サービスやImgurなどのアップローダー、Twit...
OSSで公開されたGitHub製のCSSフレームワークとガイドライン・「Primer」
Primer PrimerはGithubが公開したオープンソースのCSSフレームワークです。主要な各コンポーネントのスタイルに加えて、Githubにて使用されているスタイルガイドも同梱されています。ビルドにはSCSS、Jekyll、G...
クロスプラットフォームなモバイル向けアプリ構築の為のフレームワーク・「RAD.js」
RAD.js RAD.jsはモバイル向けのアプリケーション構築の為のフレームワークです。iOSやAndorid、Windows Phone 8の他、各主要ブラウザに最適化したクロスプラットフォームなフレームワークを目指しているそうです...
Web上にある画像を任意のサイズに変換してくれる・「Firesize」
Firesize FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば といった画像があった場合、 のようにサイズを指定すればそのサイズに変換して返してくれます。特に...
オープンソースのシンプルなTodoツール・「Todowhat」
Todowhat TodowhatはOSSで公開されているシンプルなTodoアプリです。backbone.jsとPython用フレームワークのFlaskで構築されています。タグ付けや検索、リストのドラッグ&ドロップによる順序の変更など...