モーダルウィンドウを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」の使い方を紹介します。
WordPressのプラグイン”MW WP Form”で内容確認画面つきのフォームをつくる
WordPressサイトにフォームを設置できるプラグインにはいろいろなものがありますが、今回はユーザーが送信する前に入力内容を確認することができる「MW WP Form」というプラグインを使ったフォームの設置方法を紹介していきたいと思います。
デザインカンプとコーディング結果とのズレを確認できる”PerfectPixel”
デザインカンプとコーディング結果とを重ねて見て比較することができるブラウザの拡張機能”PerfectPixel”を紹介します。