機能性の高いCSSフレームワークは、どんなデザイン・プロジェクトにおいても良いスタートを切るのに欠かせません。
その際、余分なオプションをいちいち選ぶべきか判断する必要のない、ジャストな機能を備えたパッケージで仕事するのが理想的と言えます。
以下では、そんな基準を満たしそうな10のフレームワークをご紹介します。
このFICTOANは、手軽に使えるCSSフレームワークとして有名です。シンプルで軽いフレームワークとしては非常に有能で、ビビッドカラーとカスタムアイコンが特徴です。
avalancheは、ユーザーのニーズを満たす柔軟なカスタマイズが特徴のフレームワークです。何種類かのパッケージが存在し、その中には流動的なグリッドシステム、クラスオフセット、コンテイナー、ヴァーティカルスペースなどのいくつもの機能が実装されています。
ハイレゾリューションの美しい画像やデザインと、軽快な動作環境はトレードオフの関係にあると思われがちですが、このBeauterのフレームワークを使えば両立させることが出来ます。レスポンシブグリッドやパララックススクロールなどを実装することが出来ます。
シンプルなデザインで新しくプロジェクトを立ち上げる際には最適なスタートポイントとして重宝されるフレームワークです。コンテイナーやデザイン要素がふんだんに盛り込まれており、それらを簡単にカスタマイズすることができます。
CSS Flexboxを元にして開発されたのがこのBulmaです。フルレスポンシブルデザインで、モジュラーを組み合わせるようにデザインされています。リサイズやコラム調整などは自動的に行ってくれるので簡単です。
ミリグラムというその名のとおり、ミニマムなフレームワークですが、必要なモノは一通り提供してくれています。ミニマムなフレームワークなので、軽快な動作をすることが期待できます。
複雑で大きなサイズのフレームワークの代用としてはこのInvisCssは優秀です。フレームワークパッケージは、シンプルCSSセレクターを実装したミニマルな機能を提供してくれます。
個人でもWebサイトを作り公開できるようになった影響を受けてリリースされたのがこのLookのフレームワークです。プロジェクトのスターティングポイントとしては最適で、必要最低限の機能を実装しています。
SaaSモデルで提供されるこのフレームワークは、軽快な無限スクロールのグリッドデザインを簡単に実装してくれます。様々なグリッドデザインをサポートしており、モジュラーを組み合わせることによりカスタマイズることが出来ます。
複雑で大型なフレームワークの逆を行くコンセプトで開発されたのがこのVitalです。SaaSモデルで提供されて、見た目も美しいグリッドデザインやカスタムボタン、カスタムレイアウト、フォトギャラリーなど十分な機能を実装することが出来ます。
いかがでしたか？
フレームワークを使うときのポイントは、仕事を簡略化することだということを忘れないようにしましょう。
余分な機能につられて煩雑なものを選んでは、元も子もありません。
以上に紹介したものはすべてベーシックなもので、余分なオプションに悩まされずにすみます。
ぜひ参考にしてくださいね。
（※本記事は、10 Free Lightweight CSS Frameworks for a Fast Startを翻訳・再構成したものです）
おすすめ新着記事
おすすめタグ