表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。
HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換えると書き換えた内容で画面チェックが出来るので、便利です。
せっかく見つけた手法を保存するのに便利なプラグインを見つけたので紹介します。
CodePenが出してる「CodePen Embed Block」です。
サンプル
実際に埋め込んだサンプルです。
web系のサイトだと必須なプラグインですね。
最近の記事
-
WebPフォーマットの画像がWebサイトには適してるという話。 で、対応してみたという話。 プラグインの紹介 「Modern Image Formats」 作者が WordPress Performa…
-
表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。 HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換え…
-
検索して見つけたけど、答えはこれだわ(笑) WordPress｜固定ページや投稿ごとにCSSやJavaScriptを追加する方法 とても素晴らしい情報をシェアしてくれてありがとうございます。 ※エラー…
-
スクロールするとじわーっと表示するエフェクトです。CSSとJavascriptで設定します。このページのソースコード部分に設定しています。 今回はクラス名を「scroll-effect」に設定しました…