jsfiddleライクなエディタやカラーパレット作成ツール等を公開する・「Liveweave.com」
Liveweave.com Liveweave.comはjsfiddleライクなHTML/CSS/JavaScript実行ツールやカラーパレットを生成してSVGやPNGでダウンロードできるツール、CSSツールやベクターツールなどを公開...
Resource - 編集ツール
数式を専門とするオンラインのWYSIWYGエディタ・「Mathcha」
Mathcha Mathchaは数式専門のオンラインWYSIWYGエディタです。複雑な数式をWYSIWYGライクなツールで記述、可視化することが出来ます。ダイアグラム等にも対応しており、書いた式にはURLが発行、シェアする事も出来る他...
WYSIWYGで作ったコンテンツのHTMLコードを発行する・「HTML Editor」
HTML Editor HTML EditorはWYSIWYGで作ったコンテンツのHTMLコードを発行するWebツールです。ちょっとピンと来ないかもしれませんが、WYSIWYGの提供ではなく、WYSIWYGで作ったコンテンツのコードを...
REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」
CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...
ゲームアプリ等に使えそうなファンタジーな世界のマップイラストを作れるユニークなWebサービス・「Inkarnate Worlds」
Inkarnate Worlds Inkarnate Worldsはゲームアプリ等に使えそうなファンタジーなマップを作成出来るWebサービスです。上図のように古地図のようなテイストのマップを手軽に作成出来る、というもの。用意されている...
ブラウザでSVGを編集、ダウンロード出来るWebサービス・「Vecteezy Editor」
Vecteezy Editor Vecteezy EditorはブラウザでSVGを編集、ダウンロード出来るWebサービスです。操作も簡単でわかりやすい印象です。本ツールは、無料のベクター素材を配布するvecteezyが提供しているWe...
Webページとして公開もできるjsfiddleライクなコードテストツール・「PLAYCODE」
PLAYCODE PLAYCODEはWebページとして公開もできるjsfiddleライクなコードテストツールです。jsfiddleのようにHTML、CSS、JavaScriptをブラウザで動作テストできる、というツールですが、本ツール...
ブラウザで動作する軽量なベクタードローツール・「Inker」
Inker Inkerはブラウザで動作するベクターグラフィックスドローツールです。ブラウザ上でドロー、PNGやSVG、EPSなどでエクスポートする事が出来ます。動作も軽くUIもわかりやすく、割と使いやすい印象でした。アプリのツアーにg...
アニメーションのピクセルアートを作成できるオンラインドローツール・「Draw!」
Draw! Draw!はアニメーションするピクセルアートを作成出来るドローツールです。サイズは16x16で、よくあるピクセルアートエディタにレイヤー機能が付いた、みたいなもの。2枚目からは右下部の+ボタン（add frame）でレイヤ...
レスポンシブなHTMLメールを手軽に作れるWebサービス・「MailDeveloper 」
MailDeveloper MailDeveloperは手軽にレスポンシブWebデザインに対応したHTMLメールを作成出来るWebサービスです。一昔前に比べてHTMLメールもかなり浸透してきましたが、その背景にはスマフォの普及もあるか...
ランディングページを手軽に作成・公開出来る国産サービス・「ペライチ」
ペライチ ペライチはシングルページのWebサイトを専門知識不要で手軽にスタイリング・作成・公開出来る国産のWebサービスです。ランディングページでよく使われるような、所謂ペラサイトを、直感で作成、公開する事ができるみたいです。海外には...
知識不要でスマフォ向けのWebサイトを構築出来るWebサービス・「IXM Mobile Builder」
IXM Mobile Builder IXM Mobile Builderは知識不要でスマフォ向けのWebサイトを構築出来るWebサイトビルダーです。綺麗にスタイリングされたテンプレートを編集する形で構築しますので独自のスタイルで、と...
ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」
Plexi Plexiはブラウザで動作するモダンデザインなUIのインタラクションデザインツールです。シンプルで分かりやすい印象です。プロトタイプを作成出来る・・・はずなんですが、Windowsでは動作しませんでした。OSXもWinもサ...
CSS3+HTML5のアニメーションを作成出来るOSSのエディタ・「Mixeek」
Mixeek MixeekはCSS3やHTML5を利用したアニメーションコンテンツを作成する為のエディタです。ブラウザで動くツールになります。MITライセンスの元、オープンソースとして公開されています。便利っちゃ便利ですが個人的にはも...
Photoshop内でFlickrから画像を検索できるプラグイン・「Pictura」
Pictura PicturaはPsでFlickrから画像を検索出来るプラグインです。直接Flickr上の任意の画像にアクセスし、配置する事が可能です。著作権フィルタの利用も出来るみたい。モックアップの作成時なんかには便利かもですね。...
オープンソースとしても公開されているWebGLを使った3Dモデリングツール・「flood」
flood floodはOSSとして公開されている、WebGLを使った3Dモデリングツールです。スライダーと座標ツールをコードで繋いで数値を設定します。自分自身が使い慣れてないUIなのでうまく動かせませんでしたが、他の3Dモデリングツ...
アニメーションGifに関する様々なツールを提供する・「Ezgif.com」
Ezgif.com Ezgif.comはアニメーションGifに関する様々なツールを公開しているWebサービスです。アニメーションを維持したままファイルサイズを圧縮したりエフェクトをかけたり切り取ったり、サイズを縮小したりといった事が可...
OSSとして公開されているHTML5製のCSSスプライト作成ツール・「Stitches 」
Stitches Stitchesはオープンソースとして公開されているHTML5製のCSSスプライトジェネレーターです。画像をアップロードし、配置を決めてDownloadsをクリックすればコードとプレビューが表示される、というシンプ...
ブラウザ上で動作するphp製のpoファイルエディター・「SimplePO」
SimplePO SimplePOはブラウザ上で動作するオープンソースのpoエディターです。PHP製で、MySQL等のデータベースを必要とします。ちょっと部分的に直したい、という時は従来のpoエディタを立ち上げずに済むので楽と言えば楽...
ブラウザ上で動作するHTML5製のアニメーションエディタ・「Animatron」
Animatron Animatronはブラウザ上で動作するHTML5製のアニメーションエディタです。描画ツールやSVG、動画や音声のインポート等が可能となっています。アニメーションはタイムラインで調整しながら作成する、というもの。H...
ブラウザで作成出来る、HTML5製のフォントエディタ・「Glyphr」
Glyphr GlyphrはHTML5製のフォントエディタです。ブラウザ上でオリジナルのフォントをデザインする事が可能です。軽量でUIも割と使いやすい印象でした。また、Githubでもソースコードが公開されています・・・が、ライセンス...
jsFiddleのようにブラウザでJavaScriptを書いて動作を確認出来るOSS・「tmpltr」
tmpltr tmpltrはOSSで公開されているjsFiddleライクな開発ツールです。ブラウザ上でJavaScriptを開発、実行テストができます。完全なクローンではありませんが、JavaScriptとHTMLで作られている為、軽...