タグ

html5とHTML5に関するxrekkusuのブックマーク (7)

  • HTML 5では「article」タグでページの「本文」が取れる - モジログ

    次世代HTMLの「HTML 5」について、そのウワサは以前から耳にしながらも、中身については知らなかった。 仕様や解説記事(末尾にまとめた)をいくつか流し読みしてみて、驚いた。これこそ、私の求めていたものだ。 私は以前より、Webページの「文」がどこからどこまでなのか、ソフトウェアで判定できる標準的な方法があればいいとずっと思っていた(「フィードをアイテム単位に区切れば、セマンティック・ウェブが一気に現実化する」)。HTML 5では、いくつか導入される新しい要素(タグ)の中に「article」というものがあり、これがまさに「記事」の範囲を示すものなのだ。 これさえあれば、プログラム的にWebページを取得して、その「article」タグの部分だけ抽出すれば「文」になる。あらゆるWebページにこの「article」タグが入ってくれば、もうフィードに頼る必要もなく、どんなページの「文」でも

    xrekkusu
    xrekkusu 2011/03/22
    配置がわかりやすい
  • 初の国内HTML5コンテスト、審査結果が発表に - @IT

    2011/03/08 HTML5の開発者コミュニティ「html5-developers-jp」は3月7日、「第0回HTML5プログラミング・クリエイティブコンテスト」の審査結果を発表した。同コンテストは、1月12日から2月11日まで以下の5カテゴリを用意して、HTML5をテーマとしたプログラミング作品・クリエイティブ作品を応募したものだ。 応募総数は114件で、各カテゴリごとの応募数内訳は以下のとおり。 プログラミング部門:アスキーアートを使った何か……9件 プログラミング部門:Chrome WebApp/Extension……15件 プログラミング部門:自由課題……55件 クリエイター部門:HTML5/Web標準川柳……17件 クリエイター部門:HTML5キャラクターデザイン……18件 コンテストの結果は、有志のスタッフによるオンライン投票で決定。部門ごとに「最優秀作品賞」1作品と「優秀

    xrekkusu
    xrekkusu 2011/03/09
    すげええええええええ
  • HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

    xrekkusu
    xrekkusu 2011/02/13
    すごい・・・
  • HTML5で再定義された要素と属性 ここが違う!サンプルで見るHTML5(3)

    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 要素はスタイルを表さない HTML5は、新たに追加された要素に注目されがちですが、旧来から使われてきた要素についても再定義しています。 HTML4やXHTML1.0で規定された要素には、スタイリングを指示する要素がありました。HTML5では、スタイリングはCSSに任せ、要素はセマンティクスのみを表すことに重点が置かれています。そのため、HTML5のすべての要素から、スタイリングを指示する意味合いが完全に排除されています。 実際に、スタイリングを指示するだけの要素は、HTML5で

  • HTML5のcanvasで作る画像フィルター (4/6)

    Safari/Google Chrome編: getImageData()/putImageData()でまとめて処理 レンダリングエンジン「WebKit」を利用している「Safari」「Google Chrome」には、Friefox同様、getImageData()/putImageData()が用意されています。来であればサンプル3のプログラムがそのまま動くはずです。 ところが実際には、サンプル3のプログラムはSafari/Google Chromeでは動作しません。どうやらピクセル単位の読み書きの処理を繰り返すとうまく動作しないようです。そこで、Safari/Google Chromeでは、繰り返し処理の前にすべてのキャンバスのピクセルデータをgetImageData()で取得しておきます。取得したピクセル情報はdata配列に入っていますので、参照する位置を順番に変えていきフィル

    HTML5のcanvasで作る画像フィルター (4/6)
  • WebFonts として利用できるフリーの和文フォント | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • HTML5 Conformance Test Results

    Official HTML5 Test Suite Conformance Results "Interoperability is the ability of two or more systems or components to exchange information and to use the information that has been exchanged." -IEEE Interoperability is important to web designers. Good test suites drive interoperability. They're a key part of making sure web standards are implemented correctly and consistently. More tests encourage

  • 1