HTML5とCSS3を採り入れたフレームワーク

Enavu Networkの『52framework』というサイトで、「未来のフレームワーク」として、HTML5とCSS3で構成されたマルチブラウザ用のフレームワークが公開されています。

52framework

フレームワークはリンク先からダウンロードすることができますし、デモを見ることもできます。現在のバージョンは0.5でベータ版です。HTML5とCSS3を用いたサイトを作成しようという方はもちろんこれを有効に利用することもできるでしょうし、これからHTML5を学んでいこうという方にもマークアップの勉強材料として利用できるかなと思います。

52framework デモ

現在サポートされているのは、次の通りです。

  • 角丸
  • テキスト・シャドウ
  • ボックス・シャドウ
  • html5のマークアップ
  • グリッド・システム
  • html5対応のCSSリセット

使われている画像が、jpegファイルわずか2枚というのが、さすがHTML5+CSS3ですね。下の画像はグリッド用のhtmlです。

グリッド

他にも選択したテキストの見栄えを変える::selectionをCSSで使用していたり、html5.jsが梱包されているなど、HTML5やCSS3でのコーディングに興味のある方は一度細かくチェックしてみるのもいいかもしれませんね。

ie6を含むいわゆるモダン・ブラウザに対応しているとのことですが、私が確認したところ、ie6とSafari4で表示が崩れる箇所がありました。この辺りは今後のバージョンアップに期待したいところです。

関連する投稿

この投稿は 2010年2月9日 火曜日 9:49 AM に HTML / CSS, css, html カテゴリーに公開されました。この投稿へのコメントは RSS 2.0 フィードで購読することができます。 このページの一番下でコメントを残すことができます。トラックバック / ピンバックは現在受け付けていません。

コメントは受け付けていません。

blog comments powered by Disqus