特集「ヨモヤマビルド」

CSSフレームワーク

はじめまして。入社8年目の大宮です。

 

デザインやCSSの知識が無くても簡単にWEBサイトを作成できるCSSフレームワークですが

今回はオススメの3つをピックアップしてご紹介したいと思います。

 

Bootstrap

CSSフレームワークの代表格ですね。
豊富なライブラリを持ち、WEB上の情報量がダントツで安心感があります。
私自身も仕事で何度かお世話になりました。
バージョン4の公開も先日アナウンスされており、今後にも期待です!

注目Component:Grid System
・・・代名詞となったグリッドシステム。レスポンシブWEBデザインをとても簡単に実装できます

 

Material Design Lite

つい最近発表された注目のCSSフレームワーク。
Material Design(マテリアルデザイン)を取り入れたGoogle公式のCSSフレームワークです。
触ってみた感じ、CSSのライブラリの充実度はBootstrapとほぼ同等ではないでしょうか。
Bootstrapに飽きた方や、新しいもの好きの方にはピッタリだと思います。
ただModal等のJavascript系コンポーネントが未だ無いようです…いずれ搭載される?

注目Component:Toggles
・・・細かい動きがマテリアルデザインを感じられます

 

Atlassian User Interface

ソフトウェア企業として有名なAtlassian社ですが、CSSフレームワークも提供していました。
個人的にAtlassianのプロダクトデザインが好きなので注目です。
実際に触ってみると、BtoBのソフトウェアを作り続けてきた企業だけあり
主張しすぎないUIで一味違います。
CSSフレームワークとしてはマイナーなようですが、今後是非使ってみたいです。

注目Component:Flag
・・・他にはあまり見ないコンポーネントで面白いです

 

以上、CSSフレームワークのご紹介でした。

 

WEBサイトを作ってみたいけど、HTMLをゼロから組むのはちょっと…
という方は、是非活用してみてはいかがでしょうか!

TOPに戻る