Pocket

wcan2009AutumnL

時間作れたんで、昨日の続き。

[seminar] WCAN 2009 Autumn [study]

ではでは、WCAN 2009 Autumn のSESSION-2 菊池 崇さんのお話について。

2)60分できる!実践 HTML5 & CSS3ウェブサイト 菊池 崇さん

印象が残っている内容と、メモ書きしている内容を列挙。

・HTML5の日本の盛り上がりはすごい!海外では日本よりはあんまり盛り上がっていない。なぜなら、仕様がまだFixしてないから。

・W3Cがフィードバックが欲しいため、2009年10月公開と発言!まんまとしてやられたということです。
(今のドラフトはまだ変わる。仕様決まるのは来年2~3月くらい???)

・XHTML+SVG+SMIL+XForm(XHTML2.0は互換性がない。。。)

・Web Forms2+Web Application1.0=HTML5の基本の基本。

・HTML5が生まれた理由は、ブラウザのパーサ問題とエラーのハンドリング問題を解決しようよ!という趣旨。
(HTML5が生まれた理由:「ブラウザのパーサーの問題」、「エラーの扱いの問題」。
Safari、Chrome、Firefox、OperaはHTMLパーサーと、XMLパーサーを搭載しているが、
Internet Explorerは8でもHTMLパーサーのみ。。。やっぱりIEですね。。。)

・Alexsaのトップサイト93%がなんらかのエラーを含んでいる。 (93% invalid)

・DOM(ドキュメントオブジェクトモデル)を基本として、作成すれば、パーサ問題とエラー問題が解決!

・全部、Javascriptを使うと、いろんなことができる!!
(Web Works,Web socket,Web Storage,Web Database,Geolocation API)

コンテンツ・モデル – HTML5タグリファレンス – HTML5.JPから引用。

content-venn

・HTML5について、<h1>がいくつあってもOK。html5にはDTDはない。、<!DOCTYPE html>でスッキリ。
img要素にaltが必須ではなくなった。すげぇー!まぁ必須ではなくなったんで、あってもいいんですよ。
html5

・チェックするならこのサイトが一番いい!
Validator.nu (X)HTML5 Validator

・html5用のreset.cssには、sectionなどの新しい要素に対してはdisplay:block;をかける必要がある。
(なぜなら、モダンブラウザがHTMLの新要素をインライン要素として扱ってしまうため。)

・IE8専用のjavascriptをレミーさんが作ってくださった。その名も、html5.js

・CSS3について、Vender prefixについて要確認!

・簡単に言えば、CSS3だけで、グラデーションや、ドロップシャドーとかができるようになった。あのiPhoneの下側が透明で反射してるやつも可能。
けどね、あれはもう古いデザインだと思うんですよ。ww

・マウスオーバーすると変化するようなアクションも可能。数秒違いで、ぜんぜんイメージが変わってくる。

・Blockで定義しているので、レイアウトの配置を変更することが簡単になった。

最後に、
html5はjavascriptとDOMを勉強しておいてくださいね。
とのことです!

そんな感じですです。

From xxxYukihiroxxx

Pocket

1件のコメント

  1. まとめの記事を頂きましてありがとうございます。後でスライドとデモもダウンロードできるようになりますので、是非とも参考にしていただけたら幸いです。今後とも宜しく御願いいたします。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください