HTML・CSS・JavaScriptをまとめてプレビューできるHTMLエディターサイト「CodePen」

  • このエントリーをはてなブックマークに追加

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

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

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

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

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

使い方

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

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

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

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

引用・参考サイト

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

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

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

CodePen

Online HTML Editor

W3Schools Online Code Editor

ラッコツールズ

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す