[B! css3][template] o_hiroyukiのブックマーク

HTML5の基本的なシンプルテンプレート「HTML5 Reset」

ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Reset」。こちらのテンプレートは基本的なCSS、リセットCSSなど非常に分かりやすい構成で組み込まれており、カスタマイズして利用したり、構造を学んだりすることができるようになっています。詳しくは以下こちらのテンプレートは2010年から公開がスタートし、バージョンアップが続けられれ、現在はV2としてリリースされています。本を読み解いて覚えるのは確実ですが、時間がかかりますし、HTMLの基礎ができている方であれば、習うより慣れろで、こう行ったテンプレートを触っていったほうが、遥かに学習効率がよさそ

o_hiroyuki 2012/01/29

リンク

25 Fresh & Free HTML5 CSS3 Templates for Your Next Project - SkyTechGeek

o_hiroyuki 2012/01/27

リンク

HTML5+CSS3の導入時に役立つ7つの設定

こんにちは、鴨田です。個人的に仕事の大半はスマートフォン関連なので、最近のマークアップはほとんど全てHTML5+CSS3で行っています。とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。１．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title>  <link rel="stylesheet" media="screen" href="reset.css" />  <meta nam

o_hiroyuki 2011/10/21

リンク

プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate

プロフェッショナル向きに開発された、HTML5+CSS3+jQueryなど直接実装に関わるファイルから、robots.txt, .htaccessなどサーバー関連のファイルも一式にまとまったテンプレートを紹介します。 HTML5 Boilerplate 昨日、当サイトで紹介した「HTML5 Reset」もHTML5+CSS3をベースに開発されたテンプレートセットですが、こちらはよりプロフェッショナル向けに開発されたものとなっています。下記にその特徴を。 HTML5 Boilerplateの主な特長クロスブラウザ対応（IE6も） HTML5対応キャッシュの最適化と圧縮でGrade-Aのパフォーマンスモバイルブラウザへの最適化クロスブラウザ対応のためにIEでは特定のclassを用意プリント用のスタイルシート、パフォーマンスの最適化 HTML5でより早いページロードにする「.htac

o_hiroyuki 2010/08/12

HTML5+CSS3+jQueryテンプレート

リンク

HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset

HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。ファイル構成：コメント無し版各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。