2011Google IO

google IO

首先展示了各種令人驚豔的HTML5應用,有了HTML5技術的加持,線上應用程式(web application)可以完成許多以前必須靠桌上軟體才能執行的工作。

Google展示了採用了HTML5的api,讓Gmail使用者可透過滑鼠拖曳的方式,直接在email信件中附加圖片;另外線上圖片編輯網站MugTug則透過HTML5的cache api,讓「Darkroom」擁有不輸給電腦桌上軟體的執行速度,打破一般印象中,線上編輯軟體功能有限、效能不彰的印象。

除了一般應用外,HTML5也可應用在線上影音和雜誌等內容,帶給使用者更好的操作與閱讀體驗。可以預見的,未來以HTML5為基礎各種運用將越來越多,也為未來的雲端生活提供更紮實的基礎。

更多介紹Google I/O 2010:HTML5、Chrome Web Store讓雲端不是夢!

這是一段讓網頁下雪的java script

<script language="JavaScript">
<!–
N = 80;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?5:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < N; i++){                                                               
 Y[i]=Math.round(Math.random()*iH);
 X[i]=Math.round(Math.random()*iW);
 S[i]=Math.round(Math.random()*5+2);
 A[i]=0;
 B[i]=Math.random()*0.1+0.1;
 M[i]=Math.round(Math.random()*1+1);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME=’sn"+i+"’ LEFT=0 TOP=0 BGCOLOR=’#FFFFF0′ CLIP=’0,0,"+M[i]+","+M[i]+"’></LAYER>")}
}
else{
document.write(‘<div style="position:absolute;top:0px;left:0px">’);
document.write(‘<div style="position:relative">’);
for (i = 0; i < N; i++)
{document.write(‘<div id="si" style="position:absolute;top:0;left:0;width:’+M[i]+’;height:’+M[i]+’;background:#fffff0;font-size:’+M[i]+’"></div>’)}
document.write(‘</div></div>’);
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i]*Math.sin(90*Math.PI/180);
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+1);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers[‘sn’+i].left=X[i];document.layers[‘sn’+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout(‘snow()’,35);
}
//–>
</script>