pugでpictureタグのmixinを作成する
PCとSPでの画像の出しわけやwebpの対応でpugのmixinを作成する機会が度々あったので、作成方法をメモしておきま...
Pugの記事一覧
Nuxt.jsでPugを使用する
Nuxt.jsでPugを使用する方法をメモ。...
pugでstyleタグを直接記述する
サイト内のページURLリストをHTMLで作る場合など、サイト構築とは別でそのページのみCSSを使いたいということがあった...
Pugでcheckedやdisabled属性を設定する
Pugでcheckedやdisabledなどの論理属性を設定する方法をメモ。...
Pugのif文で変数がない場合の対応
Pugのif文で変数を使用する際、変数が設定されているかの判別で少し迷うことがあったのでメモ。...
PugでHTMLタグ部分に変数を使用する
Pugを使用する際、HTMLタグ部分で変数を使って出し分けたいことがあったので、変数を使用する方法を試してみました。...
PugをHTMLで記述する
基本的にはHTMLタグで記述して、一部だけPugのインクルードの機能などを使いたいということがあったので、可能かどうか試...
スタイルガイドジェネレーターの「Fractal」でpugを使用する
fractalのコンポーネントでpugを使う方法をメモ。 環境は以前投稿したgulpを使った環境をベースにします。...
Pugでmixinを使用する
Pugでmixinを使用する方法をメモ。...
PugでSVGを使用する
PugでSVGを使う時に少し迷ったのでメモ。...