codepenでコードと動作をシェア

CodePen

最近最もよく見かけるのがCodePenです。登録しなくても、動作確認を行うことができますが、無料登録をすると埋め込みも使えるようになります。Emmet利用可。

CodePen

前述した通り、CodePen は「Web上で HTML, CSS, JavaScript を書いてすぐに結果を表示することができる」サービスです。

埋め込まれた時の表示

こんな感じです。めちゃくちゃ便利。

Codeのテスト

以下の画像のように、HTML, CSS, JS を記述

Codeの埋め込み

最後に、表示コードを取得して、ブラ具などに貼り付け！

これで、簡単にコードや動作を紹介できて、超便利！

これからガンガン使っていく予定です！