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の場合、...
IE8でJavaScriptのaddEventListener()が使えない
最近はIE8が対象ブラウザに入ることは少なくなっていると思いますが、IE8以下でaddEventListener()が使...
YouTubeの再生画質を変更する
YouTubeを埋め込む際、プレーヤーのサイズに応じて再生画質が自動で設定されますが、再生画質を変更したいということがた...
JavaScriptでネットワークがオンライン状態かどうか調べる
ネットワークがオンライン状態かどうかを調べる方法をメモ。...
自作したプラグイン内で関数を実行する
jQueryのプラグインを作成した際に、オプションで関数を実行できるように実装しようとして少し迷ったので、実装した方法を...
WebStorageで1回目のアクセス時のみモーダルを表示する
WebStorageを使って、1回目のアクセス時のみモーダルを表示するサンプルを作ってみます。...
YouTubeプレーヤーAPIでプレーヤーに別の動画を読み込む
YouTubeのプレーヤーに別の動画を読み込ませる方法をメモ。...
YouTubeのプレーヤーを任意のタイミングで埋め込む
APIを使ってYouTubeのプレーヤーを埋め込む際、API読み込み後にonYouTubeIframeAPIReady(...
Web Workerを使ってみる
JavaScriptで時間のかかる処理などをバックグランドで並列実行できる「Web Worker」を使ってみます。...