2. Who? 吉川  徹  /  Toru  Yoshikawa @yoshikawa_̲t C.A.Mobile  Web先端技術フェロー Google  Developer  Experts  (Chrome) html5j.org/HTML5とか勉強会スタッフ allWebクリエイター塾/jQuery  Mobile担当講師 Blog:  http://d.hatena.ne.jp/pikotea/

video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi

This happens in Safari 6 on Mountain Lion and in the latest chrome. (Confirmed on OSX, might not happen in windows) Please see this page for an example: http://users.telenet.be/prullen/flicker2.html Quickly move your mouse on and off the image and look at the text below. You will see it flickering/pulsing. The associated CSS is below. I cannot make any changes to the .out and .in classes. Only to

Frontrend Vol.4 powered by CyberAgent, Inc.に行って来ました。 とてもテストについてのお話を聞けたのでとても楽しかったです。 誤字、間違いなどありましたら教えてください。 ※アンケートへのリンクを削除しました。 GUIのお話Chrome Dev toolsのお話Chrome DevTools.next http://www.slideshare.net/yoshikawa_t/chrome-devtoolsnextショートカット便利Break PointXHRとかで使う Timelineボトルネックな部分調べるのが便利 Chromeの隠しURL的なのchrome://chrome-urls で一覧できる Charlesデバック用プロキシ MapLocalローカルのファイルと置き換える AutoResponser Throttle回線のエミュレート

grunt-reload導入 npm install grunt-reload guard-livereloadはすでに導入済みとします。 guard/guard-livereload · GitHub 私はChrome拡張をインストールしてます。 真ん中のリロードっぽいアイコンがそうです。 接続に成功すると真ん中の丸が、黒丸になります。 grunt-reloadインストール $ npm install grunt-reload プロジェクト直下のnode_modulesディレクトリにインストールされます。 grunt.jsファイルに grunt.loadNpmTasks('grunt-reload'); を追加 module.exports = function(grunt) { grunt.initConfig({ reload: { port: 35729, liveReload: