這是一篇測試文章
先插入一張圖片，後續插入一則 Georgia youtube 影片

原因在於scroll時動畫不斷重新play，在progress加上.pause()即可解決：
$(window).on("scroll", function(){
var top = $(window).scrollTop();
var percentofprogress=(top+$(window).height())/($(document).height()-$(window).height());
//console.log(top);
//console.log(top/($doc.height()-$win.height()));
tl.progress(percentofprogress).pause();
} )

設定3D視角
scss:
transform:perspective(100px); // 針對單一物件
perspective:100px;//針對父容器，子物件的相對應位置會依照視角變換角度

筆記一下( 5月lovelybox html )
var add = document.getElementById("big1");
var image = new Image();
image.onload=function(){
add.appendChild(image);
$(add).animate({opacity:0.5},0).animate({opacity:1},250);
}
var imgurlary = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"];
function dfun() {
for(var i = 0;i < 20;i++) {
(function(i) {
$("#small" + String(i + 1)).mouseover(function() {
image.src="stylesheets/images/products_"+imgurlary[i]+".png";
}).mouseout(function(){add.removeChild(image)})
}
)(i)
}
}
dfun();

[Interview] Don't Break Search: Q&A with Google Lead Designer Jon Wiley 

The design of the search page on Google.com is one of the most iconic in the Web's history, but it's in the midst of major changes. Google has redefined itself with Google+. Its notion of Web search as an index of pages has grown to include people, places and things. In addition to the search box, the page now has a share box . It takes great design to introduce all these new features and interactions to Google's hundreds of millions of users.
At the same time, smartphones and tablets are changing the way users interact with the Web, and Google has to make that leap along with them. It has to strike a delicate balance between simplicity, consistency and usefulness. Fortunately, Google's hundreds of millions of users provide mountains of data its designers can use to guide their decisions. I sat down with Jon Wiley , lead designer of Google Search since 2010, to learn more about how Google pushes its user experience forward.
 

     

此篇文章受密碼保護，請輸入密碼後閱讀。

筆墨大晉級之二

<object ... style="display:block;">...</object>
讓符合視窗的flash在IE上面不會有瀏覽器捲軸產生