Gadgets         [NO.42] bangyan@taobao.com
Spoon                       [汤匙]http://www.spoon.net
Whats Spoon Plugin?I. browser extensionII.run apps from spoon servers
Spoon Serverenable enterprise stream apps via the webSpoon Studiovirtualize apps in the spoon ecosystem[生态系统]http://www.sp...
For f2e            Spoon Browser Sandboxhttp://www.spoon.net/Browsers
Win MacFirefox 3/3.5ChromeInternet Explorer 6/7/8Safari 2/3/4Opera 9/10http://www.spoon.net/Help/#Developers
Spoon App Libraryhttp://www.spoon.net/Apps
Mouseflow           [鼠标流]http://www.mouseflow.com
Whats Mouseflow?I. link & page analyticsII.cick & movement & viewport heatmaps
Click heatmaps
Movement heatmaps
Viewport maps
Installation• insert js code• mouseflow WP pluginPS: about WP analytics code
WP Analyticsfile:google-analytics.php<?phpadd_action(wp_footer, google_analytics_code);function google_analytics_code(){ i...
Internet Explorer 9
But…Internet Explorer 9Will Never Be on Windows XPhttp://tech.163.com/digi/10/0920/10/6H13ID1N001618J1.html
And…CompatibilityIE6/7/8/9 & shell browsershttp://www.mangguo.org/wordpress-statistical-code-plugin/
IE CompatibilityBrowser modeI. User-Agent (UA) string IE send   to serverII.default IE Document ModeIII.IE evaluate Condit...
IE CompatibilityDocument ModeI. IE’s Trident engine render the   markup in specified modeII.Changing the Document Mode   r...
new X-UA-CompatibleTwo new X-UA-Compatible valuesMeta tag or HTTP header content  = “IE=______”EmulateIE9no doctype or qui...
new X-UA-Compatible<meta http-equiv="X-UA-Compatible“content="IE=EmulateIE7; IE=EmulateIE9“ />IE8 render in IE7 Standards ...
So…x-ua-compatibal is needed<meta http-equiv="X-UA-Compatible" content="IE=Edge">http://www.mangguo.org/wordpress-statisti...
HTML5    [光影]
Originhttp://capped.tv/playeralt.php?vid=xplsv-or_so_they_say|mq
The end!  H市网瘾少年电击治疗,一天被击20多次,生死不明。http://www.cnbeta.com/articles/122351.htm
Banquet 42
Upcoming SlideShare
Loading in...5
×

Banquet 42

554

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
554
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Banquet 42

  1. 1. Gadgets [NO.42] bangyan@taobao.com
  2. 2. Spoon [汤匙]http://www.spoon.net
  3. 3. Whats Spoon Plugin?I. browser extensionII.run apps from spoon servers
  4. 4. Spoon Serverenable enterprise stream apps via the webSpoon Studiovirtualize apps in the spoon ecosystem[生态系统]http://www.spoon.net/Media/App-Virtualization-Company-Xenocode-Changes-Name-to-Spoon-2010-06.pdf
  5. 5. For f2e Spoon Browser Sandboxhttp://www.spoon.net/Browsers
  6. 6. Win MacFirefox 3/3.5ChromeInternet Explorer 6/7/8Safari 2/3/4Opera 9/10http://www.spoon.net/Help/#Developers
  7. 7. Spoon App Libraryhttp://www.spoon.net/Apps
  8. 8. Mouseflow [鼠标流]http://www.mouseflow.com
  9. 9. Whats Mouseflow?I. link & page analyticsII.cick & movement & viewport heatmaps
  10. 10. Click heatmaps
  11. 11. Movement heatmaps
  12. 12. Viewport maps
  13. 13. Installation• insert js code• mouseflow WP pluginPS: about WP analytics code
  14. 14. WP Analyticsfile:google-analytics.php<?phpadd_action(wp_footer, google_analytics_code);function google_analytics_code(){ include(google-analytics.txt);}?>file:google-analytics.txt<!-- Google Analytics code here -->http://www.mangguo.org/wordpress-statistical-code-plugin/
  15. 15. Internet Explorer 9
  16. 16. But…Internet Explorer 9Will Never Be on Windows XPhttp://tech.163.com/digi/10/0920/10/6H13ID1N001618J1.html
  17. 17. And…CompatibilityIE6/7/8/9 & shell browsershttp://www.mangguo.org/wordpress-statistical-code-plugin/
  18. 18. IE CompatibilityBrowser modeI. User-Agent (UA) string IE send to serverII.default IE Document ModeIII.IE evaluate Conditional Comments
  19. 19. IE CompatibilityDocument ModeI. IE’s Trident engine render the markup in specified modeII.Changing the Document Mode refreshes the page, but does not resend the UA string or retrieve new markup from the server
  20. 20. new X-UA-CompatibleTwo new X-UA-Compatible valuesMeta tag or HTTP header content = “IE=______”EmulateIE9no doctype or quirks doctype ? rendered in quirks mode : IE9 standardsIE9render in IE9 standards mode, ignore doctype
  21. 21. new X-UA-Compatible<meta http-equiv="X-UA-Compatible“content="IE=EmulateIE7; IE=EmulateIE9“ />IE8 render in IE7 Standards modeIE9 render in IE9 Standards modehttp://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx
  22. 22. So…x-ua-compatibal is needed<meta http-equiv="X-UA-Compatible" content="IE=Edge">http://www.mangguo.org/wordpress-statistical-code-plugin/
  23. 23. HTML5 [光影]
  24. 24. Originhttp://capped.tv/playeralt.php?vid=xplsv-or_so_they_say|mq
  25. 25. The end! H市网瘾少年电击治疗,一天被击20多次,生死不明。http://www.cnbeta.com/articles/122351.htm
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×