先日のウェビナーで、CodePenの使い方を教わりました。

以前から、よそ様のブログなどでお見かけしていたものの、使い方を知りませんでした。
が、動画で丁寧に解説をいただいたので、登録して試してみました。

様々な良いところ

html・cssを書いた途端に、デザインが反映される。
いちいちブラウザをリロードしなくていいので、コーディングの結果確認が早いです。

コードの保存ができますし、複製を作ることもできます。
複製は、コードを変更するのが不安な時に「失敗してもいい用」として予備を作れます。

htmlタグ・headタグ・bodyタグは未記載でもコードが確認出来ます。

とても便利でした。

「ちょっとしたコードを試したい時」「新しく勉強した内容を練習する時」「コードと結果を簡単に人に見せる時」など。
活躍の場面が多そうです。