HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」
hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...
Resource - Webデザイナー向け
軽量なJavaScript製モーションエンジン・「Popmotion」
Popmotion Popmotionは軽量なJS製のモーションエンジンです。アニメーションや物理エンジン、キー入力ハンドリングを備えたライブラリで12kbと軽量サイズとなっています。ライセンスはMIT。 Popmotion
AngularJSの為のガントチャートコンポーネント・「angular-gantt」
angular-gantt angular-ganttはAngularJSを使ったWebアプリケーションにガントチャートを実装する為のコンポーネントです。休日や勤務時間等の定義が可能なカレンダーのサポートや、タスクのソート、フィルタリ...
WebサイトへのGoogle Mapの埋め込みをサポートするスクリプト・「MAPIT」
MAPIT MAPITはWebサイトへのGoogle Mapの埋め込みをサポートするシンプルなスクリプトです。jQueryに依存しています。Google Mapのスタイルのカスタマイズやルート表示、ピンの変更など、面倒な部分を手軽に変...
高解像度な映像素材を無料で配布するストックビデオサイト・「FREE 4K STOCK FOOTAGE」
FREE 4K STOCK FOOTAGE FREE 4K STOCK FOOTAGEは高解像度な映像素材を無料で配布しているストックビデオサイトです。サイズが4kのさまざまな映像を公開・配布してくれています。個人利用は勿論、商業利用...
クロスプラットフォームなベクターグラフィックツール・「Vectr」
Vectr Vectrはクロスプラットフォームなベクターグラフィックアプリです。Webでもデスクトップでも使えて同期したり書いたグラフィックのHTMLタグうぃ吐き出したり等も出来るみたいです。現在は無料で利用可能です。 Vect...
Google Maps Javascript APIでフォームでの住所入力を自動補完する・「Autocomplete for Addresses and Search Terms」
Autocomplete for Addresses and Search Terms Google Maps Javascript APIを使ったフォームの住所自動補完が便利そうだったのでメモ。恥ずかしながら、今まで知りませんでした...
画像に自動で透かしを付与するスクリプト・「Watermark」
Watermark Watermarkは画像に自動で透かしを付与するスクリプトです。jQueryに依存しています。透かしはHTML5とJSで処理され、任意の画像やテキストの選択及びそのスタイル、透かしを入れる場所の設定が可能です。わざ...
任意の国のサイズを手軽に比較できるマップサービス・「The True Size」
The True Size The True Sizeは任意の国のサイズを比較出来るWebサービスです。国名を入力すると、その国をかたどったレイヤーを作成し、ドラッグで動かせるので上図のようにビジュアルで比較できる、というもの。Goo...
任意のURLや画像、PDF等をDropboxに保存出来る・「urluploader」
urluploader urluploaderは任意のURLや画像、PDFなどをDropuboxにアップロード出来るWebサービスです。Dropboxをオンラインブックマークとして使おう、みたいなやつっぽいです。使い方はURLを指定す...
パブリックドメインの音源を週に１回配信してくれる・「Music for Makers」
Music for Makers Music for Makersは週１でCC0ライセンスの音源を配信してくれるWebサービスです。よくある配布サイトのように、大量に置かれていてブラウジング中に気にいったらダウンロード、という類のもの...
PDFやODF等のドキュメントファイルをWebサイトで表示させる為のスクリプト・「ViewerJS」
ViewerJS ViewerJSはPDFやスプレッドシート等をWebサイトに埋め込めるJavaScript製のドキュメントリーダーです。PDF.jsやWebODFを利用しているみたいですね。ライセンスはAGPLの元、OSSとして公開...
iOSアプリのアイコンデザインをコレクションしているWebギャラリー・「Iconsfeed」
Iconsfeed IconsfeedはiOSアプリのアイコンデザインギャラリーです。アイコンは全てではなく、管理者の主観や投稿によるコレクションのようで、現在380ほどが掲載されています。App Storeと同様のカテゴリに分けられ...
日本にも対応の、地図をピクセルマップ化してPNGやSVGでダウンロード出来るジェネレーター・「Pixel Map Generator」
Pixel Map Generator Pixel Map Generatorは地図をピクセルマップにしてPNGやSVG、HTMLでダウンロードできるジェネレーターです。上図のように日本及びマウスホバーによる都道府県名の表示にも対応し...
CSSやJavaScriptをブラウザ上で書いて動作テスト出来るMozilla製のオンラインコードエディタ・「Thimble」
Thimble ThimbleはCSSやJavaScriptをブラウザ上で書いて動作テスト出来るオンラインコードエディタ。Mozilla製でGithubにてソースコードも公開されています（今のところ特定のライセンス表記は見当たりません...
フリーの写真素材や動画、音源等を配布しているWebサイトを大量にコレクションしている・「AllTheFreeStock.com」
AllTheFreeStock.com AllTheFreeStock.comは写真素材や、動画素材、音源やモックアップ等を無料で公開、配布するWebサイトをコレクションしているWebサイトです。貴方のプロジェクトのスタートアップに役...
大量の素材が用意されたスマフォやタブレット等のはめ込み画像ジェネレーター・「Placeit」
Placeit Placeitは大量の素材が用意されたはめ込み画像モックアップジェネレーターです。用意されている写真素材内のスマフォやタブレット、Apple Watch、PCのモニターに任意の画像やURLの指定で手軽にはめ込み画像を作...
任意の画像や動画、音楽を組み合わせて動画スライドを作れる・「animoto」
animoto animotoは任意の画像や動画ファイル、テキストや音源を組み合わせて上記のような動画スライドを作成出来るオンラインビデオメーカーです。差し込みたい画像や音源等をアップロードして組み合わせれば良いだけで、切り替えや演出...
シンプルなディスカッションフォーラムを構築出来るオープンソースのソフトウェア・「Flarum」
Flarum Flarumはシンプルなディスカッションフォーラムを構築出来るPHP製のソフトウェアです。OSSとしてソースコードが公開されています。インストールも手軽で、軽量且つ高速（mithril.jsが使われています）、スマフォ対...
JavaScriptやPython、コマンドラインの使い方等を無料で学べる学習サイト・「Codecademy」
Codecademy Codecademyは対話形式でコードを学べる学習サイトです。無料で利用可能で、学習項目はHTMLやCSS、JavaScriptからPHPやRuby、Pythonの他、コマンドラインの使い方まで揃えられています。...
CSSで作られた様々なボタンをTumblrで紹介する・「CSS Buttons」
CSS Buttons CSS ButtonsはCSSで作られたボタンを紹介するTumblrです。アニメーションエフェクトのあるボタンはGifアニメで紹介されています。基本的にはCodePenへのリンクも貼られていますのでコードの確認...
CC0の綺麗な写真素材を配布する・「Negative Space」
Negative Space Negative Spaceは著作権放棄の綺麗な写真を配布するWebサイトです。配布されている素材はCC0となっていますので自由に利用可能です。よくあるストックフォトサイトですね。沢山覚えておいて損は無い...