WebKit & Opera / HTML5 勉強会

2010年1月16日著

1月13日の晩の覚え書き。Opera Japanのブレイクルームで開催された、WebKit & Opera / HTML5 勉強会に参加してきました。最寄りが池尻大橋駅から目黒駅に移転後のOpera Japanを訪問するのは初めてのことで、駅を降りてから完全に逆方向に歩いてしまったせいで10分近く遅刻（せっかく会社から新宿駅までタクシーでワープしたのに意味無いじゃん！）。睡眠不足で途中寝オチしてしまった時間帯もありましたが（おい）、概ね参加＆楽しめました。発表者ならびに主催者の皆さん、そして素晴らしい会場を提供してくださったOpera Japanさんに感謝。

伊藤さんの開発者から見た Opera の利点や小松さんのPywebsocketで作るwebsocketアプリケーションといったお話も興味深かったけれど、個人的には冒頭でDanielさんがOpera 10.5 pre-alphaのデモのために紹介したいくつかのコンテンツに惹かれました。彼からURLのリストをいただけたので、後日さまざまなブラウザで検証するべく覚え書きしておきます：

border-radius、box-shadowプロパティの事例: http://people.opera.com/pepelsbey/experiments/bsh/
border-imageプロパティの事例: http://people.opera.com/pepelsbey/experiments/bdi/
CSS Transitionsの事例: http://people.opera.com/dstorey/transitions/multiple-transitions.html
CSS Transitionsの動きの比較: http://people.opera.com/dstorey/transitions/transition-timing-example.html
video要素の事例: http://people.opera.com/brucel/demo/video/turkish.html
video要素の事例（JavaScript によるコントロール）: http://people.opera.com/brucel/demo/video/turkish-controls.html
video要素 + CSS Transitionsの事例: http://people.opera.com/brucel/demo/video/turkish-transition.html
video要素 + Canvasの事例: http://people.opera.com/brucel/demo/video/mouse-pointer2.html
video要素の事例（JavaScriptで字幕を提供）: http://people.opera.com/brucel/demo/video/accessible-html5-video-captions.html
video要素の事例（JavaScriptで日本語版の字幕を提供）: http://people.opera.com/brucel/demo/video/multilingual-synergy.html