EditorConfigを使ってみる
インデントや文字コード、改行コードなどの設定をエディタ間で統一できる「EditorConfig」を使ってみます。 一人で...
ページ内リンクが日本語だとIEでリンクが効かない
ページ内リンクのハッシュ部分にエンコードした文字列を指定していたのですが、IEでだけページ内リンクが効かないようだったの...
Pugとgulp-dataを使ってmetaの内容をjsonで管理する
gulp-dataを使って、Pugで使うmetaの内容をjsonで管理するようにしてみます。...
tabindex属性でフォーカスを当てられるようにする
tabindex属性を使って、aタグ以外の要素でもフォーカスを当てられるようにしてみます。...
keyframesのアニメーションを一時停止する
keyframesのアニメーションで一時停止する方法をメモ。...
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()を使って、カードが回転するような動きを実装してみます。...