Dragon Arrow written by Tatsuya Nakaji, all rights reserved animated-dragon-image-0164

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

イメージ
Jul 30, 2019

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


CodePen

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


CodePen


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


埋め込まれた時の表示


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



Codeのテスト


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


Codeの埋め込み



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


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

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