YoutubeやImgur、Githubリポジトリ、jsFiddle等のURLをリッチメディアに変換するライブラリ・「Olly.js」
Olly.js Olly.jsは様々なサービスのコンテンツのURLをリッチメディアにコンバートするライブラリです。サポートしているサービスはYoutube、Vimeo、TEDなどの動画サービスやImgurなどのアップローダー、Twit...
Resource - 画像
2週間ごとに著作権放棄された写真を公開・配布するストックフォトサービス・「stokpic」
stokpic stokpicは2週間毎に著作権放棄(CC0)された写真素材を公開、配布するストックフォトサービスです。配布される素材もクオリティの高いものが多い印象です。勿論過去に公開された写真もアーカイブされています。今となっては...
Web上にある画像を任意のサイズに変換してくれる・「Firesize」
Firesize FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば といった画像があった場合、 のようにサイズを指定すればそのサイズに変換して返してくれます。特に...
SVG製の国旗を手軽に表示出来る・「SassyFlags」
SassyFlags SassyFlagsはSVGで作られた各国の国旗を手軽に表示出来るライブラリです。空要素に指定されたclassを振るだけで国旗を表示する事が出来ます。SVGが使われていますので調整もしやすいですね。国旗はAmaz...
WebGLを使って画像にエフェクトを与える為のJavaScriptライブラリ・「glfx.js」
glfx.js glfx.jsはWebGLを使用して画像を編集出来るようにする為のJSライブラリです。セピア加工やチルトシフト、ボケ、ノイズ効果などのエフェクトを与えることが出来ます。WebGLなので対応ブラウザが限られる為、すぐに実...
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」
ai2html ai2htmlはAIファイルをHTMLに変換する為のスクリプトです。AIファイル内のオブジェクトを解析、処理してHTMLファイルにコンバートするみたいです。オプション機能としてコンバートの際に任意の拡張子への変更やjP...
写真やエッセイの為のシンプルなブログサービス・「Stampsy」
Stampsy Stampsyは写真やエッセイ等を目的としたシンプルなブログサービスです。ブログと言うと語弊あるかもしれませんが、この方が伝わりやすそうなのでブログという括りで書いています。UIは少しMediumに似た印象を受けます。...
著作権放棄の高品質な写真素材を配布する・「StockSnap.io」
StockSnap.io StockSnap.ioは著作権放棄された高品質な写真素材を配布するWebサイトです。配布されている写真は全てCC0で誰でも自由に利用可能となっています。解像度もなかなか高めで良いですね。写真はクロスプロセス...
ブラウザ上でSVGを軽量化出来るOSS・「SVGOMG」
SVGOMG SVGOMGはSVGを軽量化するNode.jsベースのツール、SVGO用のWeb GUIです。OSSとしてGithubにてソースコードが公開されています。ファイルを読み込むか、コードをペーストすれば軽量化してくれます。上...
SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」
Convertio Convertioは様々なフォーマットに対応した変換ツールです。JPGやPNGは勿論、SVGやPDF、Word、CSV、EPUBなどからMP3などの音源ファイルやLHAなどのアーカイブファイルのコンバートも可能です...
画像から人物の顔を検出するAPIを提供する・「Face++」
Face++ Face++は画像から人物の顔を検出するAPIを提供するプラットフォームです。中国の企業の様ですね。画像の中から人物の顔を検出し、鼻や目、口の位置をマークしたり、顔の向き、輪郭の検出等にも対応しているみたいです。何度かテ...
Web制作の際に作成するフローチャートやワイヤーフレームの為の素材集・「UI TILES」
UI TILES UI TILESはWeb制作プロジェクトの際に作成されるフローチャートやサイトマップ、ワイヤーフレーム作成時に使える素材のキットです。フォーマットもPSDやAI、Sketchなどが用意されています。シンプルで使いやす...
任意の画像をアップロードし、PCモニター画像に合成してモックアップを作成してくれる・「Magic Mockups」
Magic Mockups Magic Mockupsは任意の画像を、予め用意されているPCのモニター画像に合成してくれるジェネレーターです。以前ご紹介したPlaceItと同じようなサービスになりますが、Magic Mockupsは合...
RWDにも対応の、ブラウザ上で写真を管理するオープンソースのソフトウェア・「Lychee」
Lychee LycheeはレスポンシブWebデザインにも対応の、Web上で写真を管理する為のソフトウェアです。サーバーに置いてアップロードし、管理する形となります。EXIFも読み取ってくれるみたいですね。Dropboxからインポート...
複数Webサイトからフリーの高品質な写真を探せる・「Stock Up」
Stock Up Stock Upは複数の写真配布サイトから検索出来るフォト検索サービスです。UnsplashやSkitterphotoなどからCC0で高品質な写真を探すことが出来ます。楽でいいですね。ダウンロード前に一応ライセンスは...
アニメーションGifの自動再生を制御する軽量スクリプト・「Gifffer」
Gifffer GiffferはGifアニメの自動再生を制御して再生開始ボタンを付与する軽量スクリプトです。1.8kbで非依存型なので使いやすそうです。再生する内容次第では動画を埋め込むよりパフォーマンスを向上させられるかもしれません...
スクリーンショットやスクリーンキャストを撮り、自動でWebにアップロードするツール・「ShareX」
ShareX ShareXはスクリーンショットやスクリーンキャストを撮って、自動でImgurやDropbox等のホスティングサービスにアップしてくれるデスクトップアプリです。GPLライセンスのもと、OSSとしてGithubにてソースコ...
OSSとしても公開されている、絵文字を使うためのライブラリ・「Emoji One」
Emoji One Emoji Oneはオープンソースとしても公開されている絵文字用ライブラリです。絵文字そのものの素材も配布されています。ダウンロードして利用する事も、CDNを利用して導入する事も出来るみたいですね。jsdelivr...
Photoshop内でFlickrから画像を検索できるプラグイン・「Pictura」
Pictura PicturaはPsでFlickrから画像を検索出来るプラグインです。直接Flickr上の任意の画像にアクセスし、配置する事が可能です。著作権フィルタの利用も出来るみたい。モックアップの作成時なんかには便利かもですね。...
SlideShareのスライドをGifアニメに変換するオープンソースソフトウェア・「GifDeck」
GifDeck GifDeckはSlideShareのスライドをGifアニメに変換するツールです。GithubでもOSSとしてソースコードが公開されてます。用途はあるのかな、と思ったんですけど公式で書いている通りTwitterやGma...
TweetdeckライクなInstagramのビューア・「picdeck」
picdeck picdeckはTweetdeckライクなInstagramのビューアです。自分のタイムラインは勿論、ハッシュタグを指定してフィードを読み込みリアルタイムで表示してくれます。勿論日本語タグでも問題有りません。応用すれば...
映画のシーンで使われた色を抽出し、カラースキームにしているプロジェクト・「The Colors Of Motion」
The Colors Of Motion The Colors Of Motionは有名な映画のシーンで使われたカラーを抽出し、平均色を割り出して公開しているプロジェクトサイトです。ハリーポッターやマトリックス、ブラックスワンなどいろ...