Resource - 編集ツール

CSSのコードと解説を共有できる・「CSS Playground」

CSS Playground CSSのコードと解説を共有できるPlaygroundツールです。左ペインに解説、右ペインにはjsfidleライクなエディタ兼ビューエリアが設置されており、解説を見ながら動作を確認、学習できる、というもの。...

ランディングページを簡単に構築出来るLP作成ツール・「Flauntly」

Flauntly FlauntlyはLPを簡単に作成出来るLP作成ツールです。D&Dとテキスト入力等の簡単な操作で完了、コーディングスキルは不要です。沢山のコンポーネントを組み合わせてLPを完成させる事ができます。よくあるツールですが...

GitHubスタイルのシンプルなオンラインMarkdownエディタ・「Devpen」

Devpen DevpenはGithubスタイルのオンラインMarkdownエディタです。シンプルに、左カラムで書けば右カラムに反映される、というもの。エディタである事以外に特殊な機能等はほぼ皆無だけど見やすくていいんじゃないでしょう...
Ads

手軽にランディングページを作成できる・「Launchaco」

Launchaco Launchacoはスタートアップの為のLPビルダーです。ランディングページを手軽に作成、公開できる、というもの。作成時にユーザー登録せずに作成する事が可能で、公開する時にユーザー登録する形となるのでお試しで作成で...

手軽にインフォグラフィックやプレゼン等を作成、ダウンロードしたりembedで公開できる・「Visme」

Visme Vismeは手軽にインフォグラフィックやプレゼンを作成、ダウンロードや以下のようにembedでの公開が可能なWebサービスです。 Created using Visme. Free Online Presentati...

SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」

Photopea PhotopeaはSketch(.sketch)やPhotoshop(.psd)、Gimp(.xcf)などのファイルを開き、編集出来るツールです。ブラウザで動くオンラインツールなのでOSを問わず動作します。上図はsk...

複数ユーザーで共同作業も可能な、簡単に使えるシンプルなフローチャート作成ツール・「Wireflow」

Wireflow Wireflowは簡単に使えるシンプルなフローチャート作成ツールです。この手のツールの中でも特に手軽に作成できる印象でした。コンテナは既にデザインされたものを追加する簡易的なタイプですが、任意の画像をアップロードする...

jsfiddleライクなエディタやカラーパレット作成ツール等を公開する・「Liveweave.com」

Liveweave.com Liveweave.comはjsfiddleライクなHTML/CSS/JavaScript実行ツールやカラーパレットを生成してSVGやPNGでダウンロードできるツール、CSSツールやベクターツールなどを公開...

数式を専門とするオンラインの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上の任意の画像にアクセスし、配置する事が可能です。著作権フィルタの利用も出来るみたい。モックアップの作成時なんかには便利かもですね。...
Ads