No-Class CSS Framework チャレンジ

最近、No-ClassのCSS Frameworkがいろいろと出てきているようです。
同じこと考える人が居ることがわかり嬉しい反面
No-Class CSS Frameworkというワードが思いつかなかった切なさが若干あります。

そんなわけで、このサイトのStyleに不足している_table_と_form_周りのCSSを作成して、何か名前をつけてNo-Class CSS Frameworkと言い切りたいと思います。

まずは「No Class CSS Framework」の検索で１位に表示された下記のサイトより様子を伺います。

• No-Class CSS Frameworks | CSS-Tricks

どれもいい感じです。意外と main や section などのブロック要素を使わず、１カラムでレスポンシブ実現している感じです。

どうやってまとめるか？

1. ルールあるの？
2. 汎用性を持たせる必要ある？

ルールあるの？

ざっと見た感じではタグの正確さより柔軟な印象がありますが、基本のHTMLタグで構成します。 強引にやるとclassを指定しなくでも何番目のdiv指定できますが、煩雑になるので使いません。

• 基本の構成はこのサイトをベース
  • idでのスタイル指定は無しで進める

汎用性を持たせる必要ある？

どんな汎用性が必要か整理してみる

• レイアウトサイズ：レスポンシブは当然として
  • 画像サイズ
  • カラム数
  • テーブルの動作
• 色指定は自由にしたい。
  • 変数指定
  • SASSで別ける