軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」

Ads

HiQ

HiQは軽量でカスタマイズしやすいCSSフレームワークです。PostCSSで構築されており、カスタムプロパティを導入したモダン設計で管理もしやすい印象です。

カスタムプロパティをふんだんに使っており、直感的な変数名で設計されているので学習コストもかからずすぐに使いこなせそうです。勿論、既存のWebサイトへ追加した場合でも既存の変数とコンフリクトを起こさない様に接頭語も付与されています。

更に、カスタマイズしやすいようにテーマビルダーも用意されています。

Ads

テーマビルダー


こちらもカスタムプロパティベースのビルダーとなっているので利用する前にどの変数がどういうコンポーネントを扱っているかもわかるようになっています。

カスタムプロパティに使い慣れている方なら使いやすそうな印象でした。少しEdgeでバグがあるみたいですがほとんど影響はないそうです。

FlexboxやCSSグリッドが普及した現在、肥大化したフレームワークはほとんど必要なくなってきている、というのは同意できました。それよりも軽量でカスタマイズ性の高いフレームワークの方が将来的な管理がしやすいかもしれませんね。ライセンスはMIT。
HiQ