pug Pugでインライン要素のspanタグの書き方 pugを用いてコーディングを行う際に、インライン要素であるbrタグの書き方に少し苦労しました。調べたところ、同じインライン要素であるspanタグは以下のように書くそうです。==========↓原文ママ↓==========パイプライン(|... 2022.06.25 pug
pug PugとSassのバランス 今現在取り組んでいるしょーごさんのコーディング課題【中級Ex編】からpugを取り入れCSS設計はFLOCSSを採用してみています。「修正が入った場合を想定して」コーディングするように今回は意識をしてディレクトリ構成などをpugもうまく取り入... 2022.06.23 pugSass
pug pugファイル内のコメント記述には注意 以前、pugを初めて学習する段階でも一通りまとめていましたが、何回かエラー表示を繰り返してしまったので、備忘録として残しておく。pug内でコメント表示にする際は「//-」を使う。CSSやJavaScriptでよく使う「//」だけと勘違いして... 2022.06.08 pug
pug Pugの導入にあたって参考にしたサイト のせっちさんのBrainにはGulp導入で大変お世話になりました。そんなのせっちさんのブログでPugについて、その構成の仕方などを詳しく解説してくれていましたので、ブログにて共有しておきます。こちら↓また、gulpfile.jsにたった1行... 2022.06.05 pugデザインカンプからのコーディング【練習】
pug Pugのルールを参考サイトをもとに自分なりにまとめてみた 今回はPugのルールを、以下参考サイトを参照してまとめました。自分の中に整理するためにも、ここにまとめておきたいと思います。参考サイト: : :Pugの公式サイトはここ→【自分なりにまとめたPugの基本的な書き方、ルール】・タグ... 2022.05.28 pug
pug Pugとは? この記事では、Gulp導入時に出会ったpugというものについて簡単に触れておきたいと思います。Pug(パグ)とは、HTMLを効率的に書くための記述方法で、テンプレートエンジンと呼ばれるものの一つ。Pugでできることなどを、記事最下部の参考サ... 2022.05.27 pug