No-Class CSS Framework チャレンジ
published: , updated: 2020-10-18

最近、No-ClassのCSS Frameworkがいろいろと出てきているようです。
同じこと考える人が居ることがわかり嬉しい反面
No-Class CSS Frameworkというワードが思いつかなかった切なさが若干あります。
そんなわけで、このサイトのStyleに不足している_table_と_form_周りのCSSを作成して、何か名前をつけてNo-Class CSS Frameworkと言い切りたいと思います。
まずは「No Class CSS Framework」の検索で1位に表示された下記のサイトより様子を伺います。
どれもいい感じです。意外と main や section などのブロック要素を使わず、1カラムでレスポンシブ実現している感じです。
どうやってまとめるか?
- ルールあるの?
- 汎用性を持たせる必要ある?
ルールあるの?
ざっと見た感じではタグの正確さより柔軟な印象がありますが、基本のHTMLタグで構成します。 強引にやるとclassを指定しなくでも何番目のdiv指定できますが、煩雑になるので使いません。
- 基本の構成はこのサイトをベース
- idでのスタイル指定は無しで進める
汎用性を持たせる必要ある?
どんな汎用性が必要か整理してみる
- レイアウトサイズ:レスポンシブは当然として
- 画像サイズ
- カラム数
- テーブルの動作
- 色指定は自由にしたい。
- 変数指定
- SASSで別ける