CSS

オンライン上でHTML・CSS・JavaScriptコードをプレビューを見ながら修正・編集ができるサイトです。

挙動を確認しながらコードを作成・修正したい人におすすめです。

英語サイトですが、管理画面はよくあるブログサイトのものと似ていますので直感的に使えると思います。

登録なしの無料で使うことができます。有料版ではコードの保存などが行えます。

サイト：日本語 (codepen.io)

使い方

HTML・CSS・JSのそれぞれの枠にコードを記述するだけです。

シンプルで使いやすく、コードの処理を簡単にプレビューすることができます。

機能を追加することもできます。

設定から検索ボックスで追加したいスクリプトを探すだけです。

引用・参考サイト

HTMLコードをプレビューを見ながら編集できるサイトです。

英語ですが、コードを確認したりするだけなら問題ないと思います。

お好きなサイトで試して見てください。

CodePen

Online HTML Editor

W3Schools Online Code Editor

www.w3schools.com

W3Schools Online Code Editor – Tryit Yourself

W3Schools offers free online tutorials, references and exercises in all the major language…

ラッコツールズ

rakko.tools

HTMLエディタ：見たまま編集、簡単にHTML作成 | ラッコツールズ🔧

オンラインでフリーで使えるHTMLエディタ（html editor）です。クリック操作でHTMLを作成、編集することが出来ます。