モーダルウィンドウをJava ScriptとCSSそれぞれで作成する方法
モーダルウィンドウを作成するときの方法としてJava Scriptを使用する場合と、Java Scriptを使用しないでCSSのみで作成する場合との二つの記述例を紹介します。
“Maps JavaScript API”を利用してGoogle Mapをページに埋め込む方法
「Maps JavaScript API」を利用してwebサイトにカスタマイズしたGoogle Mapを埋め込む方法と手順を紹介します。
画像の遅延読み込みが簡単にできるプラグイン”Native Lazyload”
WordPressサイトで画像の遅延読み込みが簡単にできるプラグイン”Native Lazyload”の使い方と注意点を紹介します。
CSSでつくるhover時に画像の中身だけが拡大されるリンクカード
マウスオーバー時に画像のサイズは変わらずに、画像の中身だけが拡大されるリンクカードをhtml/cssで作ったので記述例などを紹介します。
テキストをクリップボードにコピーできる”clipboard.js”の使い方
クリックで文字列をクリップボードにコピーすることができるJavaScriptライブラリ「clipboard.js」の使い方を紹介します。
デザインカンプとコーディング結果とのズレを確認できる”PerfectPixel”
デザインカンプとコーディング結果とを重ねて見て比較することができるブラウザの拡張機能”PerfectPixel”を紹介します。
WordPressで子テーマを作る方法
WordPressで子テーマを作って運用するときの子テーマを作る方法をまとめておきます。
下記の3つの手順で管理画面メニューの「外観 > テーマ」に親となるテーマのstyle.cssを引き継いだ子テーマが表示されるようになります。