BluePrint・960gsのようなHTML5+CSS3フレームワークのおすすめ2選

BluePrint／960gsに代わるHTML5+CSS3フレームワーク

HTML5とCSS3を活用したWebサイト構築では、定番のBluePrintや960 Grid System（960gs）がよく知られていますが、それ以外にも優れたフレームワークがいくつか存在します。ここでは、特におすすめの2つのフレームワーク「52framework」と「Susy」をご紹介します。

• 52framework
• Susy

52frameworkの特徴

52frameworkは、最新のWeb標準技術を手軽に取り入れられるオールインワン型のフレームワークです。主な特徴は以下の通りです。

• CSS3のグラデーションや複数シャドウなど、表現力豊かなプロパティを幅広くサポート
• Internet Explorer（IE）でもCSS3セレクターを利用可能
• Vimeo風のスキンを備えた、新しく改良されたHTML5動画プレイヤーへの対応
• JavaScriptによるHTML5バリデーションを組み込んだ、まったく新しいフォームフレームワーク

特にIEへの対応策が組み込まれている点は、当時のクロスブラウザ対策として大きなメリットでした。

Susyの特徴

Susyは、Sass向けに開発された軽量のグリッドレイアウトフレームワークです。レスポンシブデザインに対応したグリッドレイアウトを、シンプルかつ柔軟に構築できるよう設計されています。

floatだけでなく、flexboxやtableなど、さまざまなレイアウト手法と組み合わせて利用できるのも大きな魅力です。デザインの自由度を保ちながら、整然としたレイアウトを実現したい場合に最適でしょう。

まとめ

HTML5+CSS3時代のサイト構築には、用途に応じたフレームワーク選びが重要です。総合的な機能を求めるなら52framework、柔軟で軽量なレスポンシブグリッドを求めるならSusyがおすすめです。それぞれの特徴を理解して、プロジェクトに合ったツールを選択しましょう。