タグ

ブックマーク / ayaka-weblog.com (1)

  • FLOCSSを導入して気づいたCSS設計のメリットまとめ|WEB CHIPS

    この記事では、 ・FLOCSSとは何か ・FLOCSS導入のメリット ・実例 をまとめていきたいと思います!! FLOCSSを取り入れることで保守性しやすい・再利用しやすい・拡張しやすいCSSを書くことができるので、是非取り入れましょう! FLOCSSとは FLOCSSとは、「フロックス」と呼びます。CSS設計思想の一つで、他にはOOCSS・BEM・SMACSSなどいろいろあります。 公式URL:https://github.com/hiloki/flocss FLOCSSの大まかな概念やルールについては、公式を参考にしていただければと思います。 最初はFLOCSSの構造に混乱するのですが、その度に公式を見返していました。 また、FLOCSSは日の方が作られたCSS設計なので、他の方もブログ等で使い方を詳細に書いている方もたくさんいらっしゃいます。 FLOCSSって何!?よくわからないよ

    FLOCSSを導入して気づいたCSS設計のメリットまとめ|WEB CHIPS
  • 1