CSSでフェードのアニメーションを実装する
CSSでフェードのアニメーションを実装する方法をメモ。...
Pugでタグの外にテキストを出力する
Pugでチェックボックスとテキストを並べて出力しようとしたときに少し迷ったのでメモ。...
異なるサイズの画像でRetina対応をする方法
個人的にRetina対応をする場合、imgタグのwidth/heightに実サイズの半分を指定するか、画像サイズに応じて...
矢印キーでリンクのフォーカスを移動する
キーボードの矢印キーでリンクのフォーカスを移動する処理を実装したのでメモしておきます。...
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のコード内で変数を使う方法をメモ。...