CSSフレームワークとは

3年以上前に更新されました。情報が古い可能性があります。
更新日 : 2019年10月30日

WEBデザインでは普通、HTML内にあるパーツごとにCSSのコーディングを行って作られていくものです。WEBサイト全体をあるテーマに沿ってCSSを構築していくのはかなり大変な作業になります。

そこで利用されるのがCSSフレームワークです。CSSフレームワークとは、あらかじめパーツごとに用意されたCSSのコードがまとまった「枠組み」です。

CSSフレームワークを利用することで自身のHTMLに特定の属性などを付与する(CSSフレームワークのルールに従う)だけで手軽にきれいなデザインのWEBサイトを構築することができます。

上記で説明したとおり、CSSフレームワークはあらかじめパーツごとにCSSがコーディングされています。
フレームワークが提供しているCSSを自身のWEBサイトに導入し、フレームワークのルールに従うことで簡単にきれいなWEBデザインを作ることができます。

また、近年のCSSフレームワークはスマートフォンでもきれいに表示できるようなレスポンシブルデザインを導入しているため、スマートフォンでもPCでもきれいに表示できるWEBサイトを簡単に構築できます。

CSSフレームワークのメリット・デメリット

CSSフレームワークはCSSのコーディングを不要にするため大変便利です。ですがメリットだけでなくデメリットもあります。

これらのメリット・デメリットが存在します。

最後にいくつか有名なCSSフレームワークを紹介します。

特にBootstrapはよく利用されます。BootstrapはTwitter社が最初に開発し、現在バージョン4.3がリリースされています。