レスポンシブ・ウェブデザインにも対応したフレームワークいろいろ

ウェブサイトを構築する際にフレームワークを利用することで、より早く簡単にきれいなウェブサイトを作ることができます。
CSSやhtml、JavaScriptがあらかじめパッケージとして用意されているので、何も無いところからデザインを作るよりも早くきれいに出来上がります。

フレームワークの一部を利用しても良いですし、自分好みにカスタマイズして見るものありです。

いろいろとフレームワークをまとめてみたので、お気に入りを見つけてみてください。

Bulma

まだ比較的新しいフレームワーク　構造はとってもシンプルで軽量です。FlexboxというCSS gridをベースに作られています。

Pure

こちらも驚くほど軽量なフレームワーク。全てのモジュールをあわせても、なんとたったの3.8KBとにかく軽いフレームワークをお探しの方はPureがおすすめ。

Kube

Pureに比べれば重くなってしまいますが、それでも軽量です。　こちらもFlexboxがベース。

Materialize

GoogleのMaterial Designをベースにしたフレームワーク。これを使うだけで、スッキリしたプロっぽい仕上がりになるはず！？

Vuetify

Materializeに似たとてもスタイリッシュなフレームワークです。

Bootstrap

フレームワークといえばBootstrapと言われるくらい、おそらく一番利用されているフレームワークではないでしょうか。シンプルで使いやすいフレームワークです。

Foundation

Emailやモバイル、ウェブサイトまで幅広く使えるフレームワーク。Disneyやランボルギーニなど大手のサイトでも使用されているようです。

Material UI

Material DesignをベースにJavaScrip LibraryのReactを実装したフレームワークです。

Skeleton

とにかくシンプルで軽量！軽いプロジェクトであれば、Skeletonフレームワークで十分です。

Siimple

フラットでシンプルなデザインのフレームワークをお探しならSiimpleがオススメ

Cascade Framework

361種類のアイコンも使える汎用性の高いフレームワークです。

UIkit

こちらも人気のフレームワーク。とてもわかりやすい構造で簡単にきれいなサイトが作れます。

Milligram

名前の通り超軽量なフレームワークです。ベーシックなコンポーネントはカバーされています。

HTML KickStart

jQuery, HTML5とCSS3で構成されたフレームワークです。