JavaScriptのプラグイン「perfect-scrollbar.js」を使ってみる
スクロールバーをカスタマイズできるプラグイン「perfect-scrollbar.js」を使ってみます。 ※今回はバージ...
Pugでコメントアウトをする
PugでHTMLにレンダリングされないコメントアウトを記述しようとして迷ったのでメモ。...
jQueryのバージョンを確認する
サイト制作時はあまり使うことはないかもしれませんが、他のサイト閲覧時にページ内で使用しているjQueryのバージョンを確...
Pugで条件分岐やループを使ってみる
Pugのテンプレート内でfor文やeach文、if文、switch文などを使ってみます。...
jQueryのdata()でDOMを変更できない
jQueryのdata()メソッドを使っていて少し詰まったのでメモ。...
重なり順が下の要素をクリックできるようにする
動画の上に装飾の要素を重ねる実装をする機会があったので、装飾の要素の上からでも動画をクリックできるようにする方法を調べま...
keyframesの中でeasingを設定する
CSSのkeyframesでイージングを個別に設定できることを知らなかったので、方法をメモしておきます。...
WordPressのサーバーを移行する
サイトリニューアルによる移転や、テスト環境から本番環境への移行など、WordPressのサーバーを移行する時の流れをメモ...
Pugの基本的な記述方法
Pug設定後の、基本的な記述方法についてまとめてみます。...
Windows環境のGitで改行コードが自動的に変更される
Windows環境でGitを使っている時に、ブランチを切り替えたりすると改行コードが変更されていることがちょくちょくあっ...
Pugで変数を使う
Pugのコード内で変数を使う方法をメモ。...
アナリティクスAPIのマトリクスとディメンションの項目を試してみる
Googleスプレッドシートのアドオンを使って、アナリティクスAPIのマトリクスとディメンションの項目で個人的に使いそう...
Pugのextendsとblockを使ってテンプレートを継承する
Pugのextendsとblockを使って、テンプレートの継承を試してみます。...
Pugのincludeでルートパスを使用する
Pugのincludeを使用する際に、ルートパスで記述しようとして少し迷ったので、ルートパスでの記述方法をメモ。...
カードが回転するような動きを実装する
CSSのtransitionとtransform rotate()を使って、カードが回転するような動きを実装してみます。...
Pugのincludeを使ってみる
Pugのincludeを使って、ファイルのインクルードをしてみます。...
jQueryのremoveClass()で部分一致のclassを削除する
jQueryのremoveClass()で、部分一致のclassを削除したい場合がたまにあるので実装方法をメモ。...
text-indent -9999pxを使わないでテキストを画像に置換する
imgではなく背景画像として画像を表示したい場面がたまにあるので、text-indent:-9999px;を使わないでテ...
画面内の特定の要素以外をクリックしたときに処理をする
画面内の特定の要素以外をクリックしたときに処理をする方法をメモ。...
OGPとcanonicalで異なるURLを指定した場合の表示を試してみる
同一ページ内に複数のSNSボタンを配置して、それぞれでOGPを変更する方法を以前に試しました。(Facebookの場合、...