タグ

ブックマーク / www.publickey1.jp (4)

  • 「HTML5 Rocks」だけじゃない、ブラウザ各社のHTML5チュートリアルを集めました

    Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。 グーグルの「HTML5 Rocks」 グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Rocks」をオープンしました。 HTML5 Rocksは現在3つのコーナーに分かれています。 1つ目は「Interactive Presentation」。これはHTML5の新たなAPI、DOM APIやLocal Storage、WebWorkerなどさまざまな機能を紹介するプレゼンテーション。機能と共にJavaScriptでのコーディング例や実際に動作するデモなどが用意されており、HTML5の

    「HTML5 Rocks」だけじゃない、ブラウザ各社のHTML5チュートリアルを集めました
    akbd
    akbd 2010/06/29
  • グーグルがHTML5のMicrodataに早くも対応

    Microdataは、HTMLにメタデータを埋め込むための記述方法です。HTML5の仕様の一部として策定が開始され、現在はW3CのHTML5仕様からは独立した仕様となっています。 そのMicrodataをグーグルが読み取って「リッチスニペット」に利用すると、ブログ「Google Webmaster Central Blog」のエントリ「Microdata support for Rich Snippets」で明らかにしました。 リッチスニペットのデータとしてMicrodataを読み込み リッチスニペットとは、検索結果に表示される情報です(ただしすべての結果に表示されるわけではありません)。 上記の例(グーグルのリッチスニペットのページから)では、ネット上のレビュー記事をグーグルが自動的に集計して、星の数を表示しています。 このリッチスニペットを構成するために、グーグルはネット上のさまざまな

    グーグルがHTML5のMicrodataに早くも対応
    akbd
    akbd 2010/04/16
    div itemscope itemtype="http://data-vocabulary.org/Review" >Review: L'Amourita Pizza Written by Bob SmithJan 15, 2010 Rated 4.5 - Excellent
  • HTML5のMicrodataとは何か?

    HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。 最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。 <div itemscope> <p>僕の名前は<span itemprop="name">山田太郎</span>です。</p> </div> この文書をWebブラウザで表示しても、 僕の名前は山田太郎です。 と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります(というのはあくまで例です)。 Microdataとは、文書の内容に対して機械に

    HTML5のMicrodataとは何か?
  • SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に

    Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVGScalable Vector Graphics)のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGHTMLCSSJavaScriptと並ぶWebの要素に SVGは2001年にバージョン1.0、2003年にバージョン1.1がW3Cの勧告として策定されました。しかしマイクロソフトはIE6、IE7、IE8とずっとSVGに対応せず、一方でSVG策定以前から同社などが推進していたVML(Vector Markup Language)と呼ばれるベクター形式の言語を実装してきました。 Webブラウザで最大シェアを持つIEで使えないSVG

    SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に
    akbd
    akbd 2010/04/12
  • 1