小規模チーム向けのオープンソースのチャットツール・「Let’s Chat」
Let's Chat Let's Chatは小規模チーム向けに開発されたオープンソースのチャットツールです。サーバーインストール型で動作にはMongoDBとNode.jsが必要となります。複数のチャットルーム作成、画像のenbed、コ...
Resource - Archives
閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」
Instant Wireframe Instant Wireframeは閲覧中のWebページのワイヤーフーレムを表示するChrome拡張です。起動すると閲覧しているWebページの画像部分がダミー画像になったりコンテナがオーバーレイ表示...
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
Jquery sortable lists Jquery sortable listsはツリー構造のリストのアイテムをドラッグで自由にソートできるスクリプトです。アイテム単体に限らず、ネストされたリストごと任意の他リストへ移動する事が...
フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」
Zoommy Zoommyはフリーの写真素材を公開しているストックフォトサイトを1箇所に集めて探しやすくしたMacアプリです。現在18のストックフォトサイトが纏められており、どのサイトも素敵な写真がCC0などのライセンスで公開されてい...
CSSのA to Zを動画で学べる学習サイト・「A to Z CSS」
A to Z CSS A to Z CSSはデザイナーや開発者が動画でCSSの基本から応用までを学べる学習サイト。本サイトでフロントエンド開発スキルを磨いて欲しいとの事。当然全て英語になっていますが、英語がダメでも動画によっては映像だ...
シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」
Outline OutlineはシンプルでクリーンなCSSフレームワークです。モバイルファースト設計のレスポンシブWebデザイン対応で、tableやタブ、ボタンなどの各UIコンポーネントもひと通り揃えられています。もちろんこれらもRW...
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...
ブラウザで動くオープンソースの正規表現テストツール・「RegExr」
RegExr RegExrはオープンソースの正規表現テストツールです。ブラウザ上で書いた正規表現が正しいかどうかを判断してくれる、というシンプルなもの。以前にご紹介したrefiddleと同じようなツールですが、refiddleのライセ...
商用でも無料で使えて著作権表記も不要のBGM配布サイト・「ノスタルジア」
ノスタルジア ノスタルジアは商用でも無料で使える国産のBGM配布サイトです。著作権表記も不要との事。こちらではノスタルジックな音を中心に、イメージやジャンルから探すことが出来ます。姉妹サイトに甘茶の音楽工房も有り。配布数は工房さんの方...
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
JSGraphs JSGraphsはデータ可視化の為のJSライブラリをまとめているWebサイトです。左カラムの各項目でライブラリをJquery依存のもの、無償利用可能なもの、SVGを使ったもの等に絞ることが可能です。SSにマウスホバー...
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
Codeply CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テスト...
軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」
Trumbowyg TrumbowygはjQuery依存のWYSIWYGエディタです。軽量且つ高速な動作を目指したそうです。HTML5もサポートされており、カスタマイズ性にも優れているようですね。他言語化もされており、日本の有志が本プ...
3Dなピクセルアートを作成、共有出来る・「Crossyards」
Crossyards Crossyardsは3Dピクセルアートを作成、シェア出来るWebサービスです。面にピクセルアートを描き、角度をつけて3D化、用意された範囲に配置し作成していく、というもの。作成したピクセルアートは広大なマップに...
Web上にある記事やPDFファイル、動画やリンク、プレゼン等をプレイリスト化してチームで共有出来る・「Gibbon」
Gibbon GibbonはWeb上にある記事やPDF、動画等をプレイリストにしてチームで共有する事ができるツールです。主に学習用に開発されたみたいですね。同じ学習目的を持った者同士でオンライン上にあるリソースを共有しよう、というもの...
Web制作者向けに写真素材サイトやフォント配布サイトなどのリソースをまとめている・「Makerbook」
Makerbook MakerbookはWeb制作者向けのリソースをまとめているWebサイトです。写真やらフォントやら音源やら、カテゴリは様々で、複数の配布サイトが簡潔に紹介されています。覚えておいても損はしないでしょうけど、この手の...
画像にウォーターマークを付与出来るスクリプト・「watermark.js」
watermark.js watermark.jsは画像にウォーターマーク（透かし）を付与出来るスクリプトです。画像の上にCSS等でレイヤーを重ねるのではなく、指定した画像に直接任意の画像やテキストを透かしとして加え、データURIスキ...
アクセスするだけで使用ブラウザのバージョンやOS、IPアドレス等を把握出来る・「yourbrowser.is」
yourbrowser.is yourbrowser.isはアクセスするだけで使用しているブラウザのバージョンやOS、IPアドレスやJavaのバージョンなどを表示してくれるWebサービスです。他にもモニタサイズや現在のブラウザのウィン...
404ページやメンテナンスページを作成出来る・「Better Error Pages」
Better Error Pages Better Error Pagesは404ページや503ページ、メンテナンスページ等を作成出来るWebサービスです。URLやメールアドレスなど、必要な情報を入力し、スタイルするだけ。テンプレート...
大量のjQueryプラグインと、その使い方等をコレクションしている・「jQueryScript.Net」
jQueryScript.Net jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めな...
オープンソースとして公開されているAndroidアプリを収集している・「fossdroid.com」
fossdroid.com fossdroid.comはOSSとしてソースコードが公開されているAndroidアプリを収集しているWebサイトです。しっかりカテゴリ分けもしてくれており、それぞれのアプリの公開先やライセンス等も書かれて...
モバイルファーストな軽量フロントエンドフレームワーク・「Wee」
Wee Weeは軽量でモバイルファーストなOSSのフロントエンドフレームワークです。軽量ではあるものの、その性能は非常に充実しており、フレームワークとしてしっかり機能してくれそうな印象でした。開発をサポートするJavaScriptツー...
CSSのfilterのコードを、インタラクティブに生成出来るジェネレーター・「CSS Filter Effects」
CSS Filter Effects CSS Filter EffectsはCSS filterのコードを、実際にかかるエフェクトを見ながら生成出来るジェネレーターです。BlurやBrightness、Hue Rotate、Grays...