表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。

HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換えると書き換えた内容で画面チェックが出来るので、便利です。

せっかく見つけた手法を保存するのに便利なプラグインを見つけたので紹介します。

CodePenが出してる「CodePen Embed Block」です。

CodePen Embed Block

利用サンプル

カラム