ブラウザ上で、HTML / CSS / JavaScript を書いて実行できるコード投稿サイトのまとめです。
おすすめは、jsdo.it
———————————————————————-
[s url=’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;
}
その他のサイト
———————————————————————-
[s url=’http://jsfiddle.net/’]
[jsFiddle](http://jsfiddle.net/)
: ブログに貼付可能。
: 英語。
: 広告なし。
**********************************************************************
[s url=’http://jsbin.com/’]
[JS Bin](http://jsbin.com/)
: 英語。
: 広告なし。
**********************************************************************
[s url=’http://plnkr.co/’]
[Plunker](http://plnkr.co/)
: 英語。
: 広告なし。
**********************************************************************
[s url=’http://cssdeck.com/’]
[CSSDeck](http://cssdeck.com/)
: 英語。
: 広告あり。
**********************************************************************
[s url=’http://codepen.io/’]
[CodePen](http://codepen.io/)
: 英語。
: 広告あり。
**********************************************************************
以上です。他にも見つけたら追記します。
