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

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

おすすめは、jsdo.it

http://jsdo.it/
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://jsbin.com/
JS Bin
英語。
広告なし。

http://plnkr.co/
Plunker
英語。
広告なし。

http://cssdeck.com/
CSSDeck
英語。
広告あり。

http://codepen.io/
CodePen
英語。
広告あり。

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

コメントを残す

メールアドレスが公開されることはありません。