タグ

ブックマーク / havelog.aho.mu (3)

  • HTML5 Conference 2013 レンダリングパフォーマンスお話してきた!

    HTML5 Conference 2013 で、僭越ながら1セッション担当させていただきました!やっっったら、奥行きの深い部屋で、後ろのほうの方にはスライド見えづらかったかもしれません。ごめんなさい。部屋の奥行きのわりに、スクリーン小さいという不遇がありました orz ということで、スライドのURL共有とか、イベントの感想とかです。 Rendering Performance 動画 Webフロントエンドのパフォーマンスは、今やページの初期表示を早くすることだけではありません。昨今のHTML/CSS/JavaScriptを駆使したWebコンテンツを、スムーズに動かすには、ブラウザのレンダリング(描画)処理について知る必要があります。このセッションでは、レンダリング上のよくあるボトルネックの見つけ方と対処を中心に、最適化Tipsをお届けします。 ちと粗いのですが、今回の参考URLリストです。

    HTML5 Conference 2013 レンダリングパフォーマンスお話してきた!
  • gas.jsというGoogle Analytics用スクリプトを書いた

    ダウンロード・ソースコード Github: ahomu/GAS MITライセンスです。色々とご自由に。 より身近なイベントトラッキングを提供 メインフィーチャとして、gas.jsはイベントトラッキングをより身近にしてくれます。 従来のイベントトラッキング Event Tracking Guide - Google Analytics — Google Developersより <a href="#" onClick="_gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);">Play</a> onclick属性とかつらい!不思議なスペルが目に痛い!! よくよく見ればVideoをPlayして、それがBaby's First Birthdayなのは、なんとなく分かるけど_trackEventメソッドの引数の

    gas.jsというGoogle Analytics用スクリプトを書いた
  • 社内講習わくわくjQuery編1 - jQueryを使ってみよう

    今回の目標 読める+書ける=学べる 2時間ちょっとでいきなり書けるようになる訳はありませんが,書いてみないと覚えられないので,2時間かけて触ってみて独学できるようにします. 最初に,1+1=2の原理を覚える必要はないので,2=1+1でも 2=2*1 でも 2=1/2*4 でもいいので,やりたいことをやってみるのが一番です. やること jQueryセレクタをつかってみよう 要素をブン回してみよう スライドショーの動きを追ってみよう 開閉メニューの動きを追ってみよう やらないこと プログラムの基(習うより慣れる) JavaScriptの構文(書きながら覚える) jQueryPluginの使い方(オプションをいじる以上のことをやろうと思うと難しい) thisなんてしりません $.eachなんてしりません 変数とかIFなんてわかりません jQueryを使えるようにする Downloading j

    社内講習わくわくjQuery編1 - jQueryを使ってみよう
  • 1