# CSS をコーディングしてみて

# BEM

blockelementmodifire の分け方が難しかった。

# Sass

&__, &-- みたいな感じで

.test {
  ...

  &__content {
    ...

    &--large {
      ...
    }
  }
}

書いていたが、grep できなかったり、BEM の命名規則の明確さを損なうので、省略して書かないようにする。

@extend とか使ってスタイルを継承できることを知らなかった。今後使ってみる。

# Photoshop

Photoshop を印刷して、コーディング前に margin とか要素の幅とかをあらかじめ印刷した紙に書き込んでおくと CSS を迷わずかけた。

何日か使ったが、よく使い方がわかってない。。

# webpack

環境構築方法があっているのか最後までわからなかった。とりあえず動いたから良かった。

# 参考