Pugでcheckedやdisabledなどの論理属性を設定する方法をメモ。
HOME > Pug
-
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を使う時に少し迷ったのでメモ。
-
Pugでコンパイル後の内容をコメントアウトする
PugをコンパイルしたHTMLで、一部コードをコメントアウトしたい時に少し迷ったのでメモ。
-
Pugでタグの外にテキストを出力する
Pugでチェックボックスとテキストを並べて出力しようとしたときに少し迷ったのでメモ。
-
Pugとgulp-dataを使ってmetaの内容をjsonで管理する
gulp-dataを使って、Pugで使うmetaの内容をjsonで管理するようにしてみます。