[B! CSS3] NOBEのブックマーク

IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。

IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。今回もJavaScriptは一切、使用していません。完成したサイト ID, classなしで組んだサイトを見る。サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結

NOBE 2011/05/02

CSS3

リンク

かなり充実してきたGoogle Web Fonts API｜Webpark

通常、フォントはユーザー側の環境に影響されますが、Google Web Fonts APIを使うとGoogleのサーバー上にあるフォントを使うので、ユーザー側の環境を気にせず自由に使用できます。以前からあるサービスですが、久々に見たらフォント数がかなり増えていたので紹介してみます。ちなみに現在105個の英語フォントが提供されています。ここでフォントを選んで、次の画面でコードを取得します。今回の場合以下のようになります。まず使用するフォントを読み込んで <link href='http://fonts.google apis.com/css?family=Terminal+Dosis+Light' rel='stylesheet' type='text/css'> フォントを使用する場所をCSSで指定します。 h1 { font-family: 'Terminal Dosis Lig