ブラウザ上で、HTML / CSS / JavaScript を書いて実行できるコード投稿サイトのまとめです。
おすすめは、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;
}
その他のサイト ———————————————————————-
- jsFiddle
- ブログに貼付可能。
- 英語。
- 広告なし。
- JS Bin
- 英語。
- 広告なし。
- Plunker
- 英語。
- 広告なし。
- CSSDeck
- 英語。
- 広告あり。
- CodePen
- 英語。
- 広告あり。
以上です。他にも見つけたら追記します。