52Framework - HTML5をサポートしていないブラウザーでもHTML5タグを対応してくれるフレームワーク
HTML5仕様では、<nav>や<aside>、<article> 、<footer>、<code>など便利そうなタグが多く定義されている。しかし、今になっても、HTML5を対応しているブラウザーはそんなに多くはない。
52Frameworkは、HTML5をサポートしていないブラウザーでもHTML5タグを対応してくれるフレームワークです。
１）index.html ：52Frameworkが提供されているタグのデモページ。
２）grid_demo.html：グリッドデモページ。
３）html5.js：Header, footerなどのHTML5タグをul,liなどのタグに変更させるJavaScriptライブラリ。
４）general.css：汎用的なCSSスタイルを定義している。非必須。
５）grid.css：1kb grid と 960.gsベースのグリッドシステム。非必須。
６）reset.css：Eric Meyers reset stylesheet ベースのリセットフレームワーク。非必須。
７）その他
HTML5
◇ header, nav, section, article, footerなどのHTML5タグ
◇ url, emailなどの入力フィールド
◇ HTML5 Resetスタイルシート
CSS3
◇ ::selectionセレクタ（選択されたテキストに）
◇ ブロック要素の丸角
◇ ブロック要素の影付き効果
◇ テキスト要素の影付きの文字効果
グリッド
HTML 要素 - HTML5タグリファレンス - HTML5.JP
52Frameworkは、HTML5をサポートしていないブラウザーでもHTML5タグを対応してくれるフレームワークです。
52Frameworkの主なファイル構成
１）index.html ：52Frameworkが提供されているタグのデモページ。
２）grid_demo.html：グリッドデモページ。
３）html5.js：Header, footerなどのHTML5タグをul,liなどのタグに変更させるJavaScriptライブラリ。
４）general.css：汎用的なCSSスタイルを定義している。非必須。
５）grid.css：1kb grid と 960.gsベースのグリッドシステム。非必須。
６）reset.css：Eric Meyers reset stylesheet ベースのリセットフレームワーク。非必須。
７）その他
機能・特徴
HTML5
◇ header, nav, section, article, footerなどのHTML5タグ
◇ url, emailなどの入力フィールド
◇ HTML5 Resetスタイルシート
CSS3
◇ ::selectionセレクタ（選択されたテキストに）
◇ ブロック要素の丸角
◇ ブロック要素の影付き効果
◇ テキスト要素の影付きの文字効果
グリッド
参考資料
HTML 要素 - HTML5タグリファレンス - HTML5.JP