ブラウザ上で、HTML / CSS / JavaScript を書いて実行できるコード投稿サイトのまとめ

ブラウザ上で、HTML / CSS / JavaScript を書いて実行できるコード投稿サイトのまとめです。

おすすめは、jsdo.it
———————————————————————-

http://jsdo.it/

[jsdo.it](http://jsdo.it/)
: 日本語。
: 広告なし。ただし、ブログに貼り付けた場合は、コードの下に広告が表示される。
: コードは、ZIP ファイルでダウンロードできる。

### jsdo.it のソースコードの行間を広げるユーザースタイル

jsdo.it でコードを書いている時、ソースの行間が気になったので、行間を広げるスタイルを書いてみた。
次のコードを Stylish に登録する。

.CodeMirror-scroll {
font-size: 10pt !important;
line-height: 1.5 !important;
}

### jsdo.it のブログパーツをレスポンシブにするスタイル

jsdo.it のコードをブログに貼り付ける時、固定幅になっていたのでレスポンシブにする CSS を書いてみた。

div.bpJsdoit {
width: 100% !important;
}
div.bpJsdoit iframe {
width: 100% !important;
box-sizing: border-box;
padding: 1px;
}

その他のサイト
———————————————————————-

http://jsfiddle.net/

[jsFiddle](http://jsfiddle.net/)
: ブログに貼付可能。
: 英語。
: 広告なし。

**********************************************************************

http://jsbin.com/

[JS Bin](http://jsbin.com/)
: 英語。
: 広告なし。

**********************************************************************

http://plnkr.co/

[Plunker](http://plnkr.co/)
: 英語。
: 広告なし。

**********************************************************************

http://cssdeck.com/

[CSSDeck](http://cssdeck.com/)
: 英語。
: 広告あり。

**********************************************************************

http://codepen.io/

[CodePen](http://codepen.io/)
: 英語。
: 広告あり。

**********************************************************************

以上です。他にも見つけたら追記します。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です