QuiCSSとは?

QuiCSS（クイックス）は、迷う時間を最小化し高速でコーディングをするために設計された、BEMベースのコーディング規約です。

メリット

  • どのタグにクラスをつけるか迷わなくなる
  • HTMLとCSSを行ったり来たりする必要がなくなる
  • クラス名を考えるのが楽になる
  • クラス名が重複する可能性がほとんど無い
  • CSSをどのファイルに書くべきかが明確
  • 学習コストが低い

フォームサンプル

compornentsの使用例として、フォームのサンプルをご紹介します。

使用しているコンポーネントは「form」「btn」の2つです。

戻る

参考

スピードに特化したコーディング規約【QuiCSS】

quicss - GitHub