PDFやODF等のドキュメントファイルをWebサイトで表示させる為のスクリプト・「ViewerJS」
ViewerJS ViewerJSはPDFやスプレッドシート等をWebサイトに埋め込めるJavaScript製のドキュメントリーダーです。PDF.jsやWebODFを利用しているみたいですね。ライセンスはAGPLの元、OSSとして公開...
Resource - Archives
Githubでの任意のオープンソースプロジェクトが活動しているかをチェック出来る・「Is it maintained?」
Is it maintained? Is it maintained?はGithub上のオープンソースプロジェクトを監視できるOSS。プロジェクトページのURLを入力すると、そのプロジェクトのissueバッジがsvgで発行されます。バ...
iOSアプリのアイコンデザインをコレクションしているWebギャラリー・「Iconsfeed」
Iconsfeed IconsfeedはiOSアプリのアイコンデザインギャラリーです。アイコンは全てではなく、管理者の主観や投稿によるコレクションのようで、現在380ほどが掲載されています。App Storeと同様のカテゴリに分けられ...
コードスニペットを登録、実行テスト可能なOSS・「glot」
glot glotはコードスニペットを登録してその場で実行テストも可能なオープンソースのソフトウェアです。pastebinのようなスニペット共有ツールを構築する事ができる、というもの。対応言語もそこそこ多く対応してあり、シンタックスハ...
日本にも対応の、地図をピクセルマップ化してPNGやSVGでダウンロード出来るジェネレーター・「Pixel Map Generator」
Pixel Map Generator Pixel Map Generatorは地図をピクセルマップにしてPNGやSVG、HTMLでダウンロードできるジェネレーターです。上図のように日本及びマウスホバーによる都道府県名の表示にも対応し...
指定した正規表現にマッチする文字列をランダムで返すスクリプト・「randexp.js」
randexp.js randexp.jsは書いた正規表現にマッチするキーワードをランダムで返してくれるスクリプトです。例えば(||3)日とすれば、1日から31日までがランダムで表示される、というもの。用途はともかくとして、ちょっと面...
シンプルさに焦点を当てた、書籍やプレゼン、学術論文向けのMarkdownエディタ・「Madoko」
Madoko Madokoはシンプルさに焦点を当てたドキュメント専用のオンラインエディタです。書籍やプレゼン、学術論文等に是非使って欲しいとの事。論文を書く際は任意のLaTeX文書を使用して組版することができるそうです。書いたドキュメ...
OpenOfficeやGimp、Inkscape等のさまざまなデスクトップアプリをWebアプリで動作確認出来る・「rollApp」
rollApp rollAppはOpenOfficeやGimp、Inkscape等の様々なデスクトップアプリケーションを任意のデバイス上でWebアプリとして動作確認出来るWebサービスです。アプリ開発者が本サービスを利用していれば動作...
CSSやJavaScriptをブラウザ上で書いて動作テスト出来るMozilla製のオンラインコードエディタ・「Thimble」
Thimble ThimbleはCSSやJavaScriptをブラウザ上で書いて動作テスト出来るオンラインコードエディタ。Mozilla製でGithubにてソースコードも公開されています（今のところ特定のライセンス表記は見当たりません...
フリーの写真素材や動画、音源等を配布しているWebサイトを大量にコレクションしている・「AllTheFreeStock.com」
AllTheFreeStock.com AllTheFreeStock.comは写真素材や、動画素材、音源やモックアップ等を無料で公開、配布するWebサイトをコレクションしているWebサイトです。貴方のプロジェクトのスタートアップに役...
Webベースのスタイルガイドを手軽に作成出来る・「Frontify」
Frontify Frontifyは手軽にWebベースのスタイルガイドを作成出来るWebサービスです。用意されているテンプレを使ってドラッグ＆ドロップとテキストの編集、スタイルの設定で簡単に作成する事が出来ます。以下使用動画。 F...
大量の素材が用意されたスマフォやタブレット等のはめ込み画像ジェネレーター・「Placeit」
Placeit Placeitは大量の素材が用意されたはめ込み画像モックアップジェネレーターです。用意されている写真素材内のスマフォやタブレット、Apple Watch、PCのモニターに任意の画像やURLの指定で手軽にはめ込み画像を作...
任意の画像や動画、音楽を組み合わせて動画スライドを作れる・「animoto」
animoto animotoは任意の画像や動画ファイル、テキストや音源を組み合わせて上記のような動画スライドを作成出来るオンラインビデオメーカーです。差し込みたい画像や音源等をアップロードして組み合わせれば良いだけで、切り替えや演出...
シンプルなディスカッションフォーラムを構築出来るオープンソースのソフトウェア・「Flarum」
Flarum Flarumはシンプルなディスカッションフォーラムを構築出来るPHP製のソフトウェアです。OSSとしてソースコードが公開されています。インストールも手軽で、軽量且つ高速（mithril.jsが使われています）、スマフォ対...
DjangoベースのオープンソースCMS・「Wagtail」
Wagtail WagtailはDjangoベースで構築されたCMSです。オープンソースとしてコードが公開されています。管理画面はシンプルなUIで使いやすく、パワフル且つ柔軟な機能でサポートする、との事。Poeditで作るpoファイル...
JavaScriptやPython、コマンドラインの使い方等を無料で学べる学習サイト・「Codecademy」
Codecademy Codecademyは対話形式でコードを学べる学習サイトです。無料で利用可能で、学習項目はHTMLやCSS、JavaScriptからPHPやRuby、Pythonの他、コマンドラインの使い方まで揃えられています。...
シンプルで軽量なプログレスバー実装の為のJSライブラリ・「nanobar」
nanobar nanobarはシンプルで軽量なプログレスバーライブラリです。非依存型で単体で動作します。見た目はYoutubeのプログレスバーっぽい感じ。minファイルで1.4kbほど、gzipで630bほどになるみたいでとても軽量...
ベン図やオイラー図を作成出来るライブラリ・「venn.js」
venn.js venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです（参照：ベン図・オイラー図）。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部...
CSSで作られた様々なボタンをTumblrで紹介する・「CSS Buttons」
CSS Buttons CSS ButtonsはCSSで作られたボタンを紹介するTumblrです。アニメーションエフェクトのあるボタンはGifアニメで紹介されています。基本的にはCodePenへのリンクも貼られていますのでコードの確認...
CC0の綺麗な写真素材を配布する・「Negative Space」
Negative Space Negative Spaceは著作権放棄の綺麗な写真を配布するWebサイトです。配布されている素材はCC0となっていますので自由に利用可能です。よくあるストックフォトサイトですね。沢山覚えておいて損は無い...
Youtubeから任意の箇所のGifアニメを作成し、音声付与やEmbedも可能なWebサービス・「Gifs」
Gifs GifsはYoutubeに投稿された動画からGifアニメを作成出来るWebサービスです。サービスとしてはよく見かける類のものですが、こちらはEmbed機能をつかうと専用プレーヤーで再生するので上図のようにGif画像に音声を合...
WordPressのテンプレート階層を図式化した・「WordPress Template Hierarchy」
WordPress Template Hierarchy WordPress Template HierarchyはWordPressのテンプレート階層を図式化したWebサイトです。 WordPressでWebページを生成する際に、ど...