HTML5 Tech Talk#3＠Google 東京オフィス

html5

http://groups.google.co.jp/group/html5-developers-jp/web/html5-tech-talk3

もっとHTML5 Forms & TransformでCanvasアニメーション

(追加された"input type")

    • date :カレンダーが表示。サーバにはyyyy-mm-dd形式で送信。
    • time
    • datetime :UTC固定。サーバにはZ付形式で送信。
    • datetime-local :タイムゾーンがない形式。
    • mouth
    • week :第何週目かのデータ。サーバにはYYYY-Wxx形式で送信。月曜日スタート。
    • number
    • range :requiredが使えない。
    • email, url :バリデーションができる。
    • tel :セマンティクス的な意味合い。データチェックはしない。
    • search
    • color

(追加された属性)

    • required
    • placeholder
    • pattern :正規表現
    • form
    • formaction :サブミット先を分けられる
    • list :サジェスト的
  • Canvas Transform
    • Canvasの座標軸を歪める
    • 簡単なアニメーションが作れる
    • CSSのtransformみたいな感じ

HTML5のしるしかた

HTML5は、「仕様=実装」を目指し、実装を元にHTMLの文法を定義した。
DTD文書型宣言、タグの省略など、文法が変更になっている。
http://html5.validator.nu/で、ValidなHTML5か確認できる。

感想・参加メモ

  • "input type"や属性がかなり増えているので、JavaScriptでの細工が不要になる
  • といっても、サーバサイドのバリデーションはしっかりと！！
  • Progressive Enhancementな精神で、どんどん使っていく
  • HTML5、機能盛りだくさん
  • こんなサイトもある http://code.google.com/intl/ja/speed/