在眾所矚目的蘋果全球開發(fā)者大會(huì)(WWDC)召開前夕,蘋果仍把握時(shí)間,在其開發(fā)者網(wǎng)站示范html5 、CSS3、JavaScript和WebKit翻譯引擎等新網(wǎng)絡(luò)標(biāo)準(zhǔn)的好處。
Safari Technology Demos網(wǎng)頁,共示范下列8項(xiàng)新技術(shù):
-首先是一段HTML視頻,顯示多種CSS效果,包括變形、倒影和影像遮罩。蘋果說這只需要一行程序代碼。
-CSS印刷功能,如陰影和自制字型。使用樣式文字(StyledText)而非影像,能有更好的下載表現(xiàn),且容易被搜索引擎發(fā)現(xiàn)。
-CSS轉(zhuǎn)換,用在一個(gè)結(jié)合2D和3D形式變換的照片集。
-CSS3轉(zhuǎn)換與動(dòng)畫,用在一段網(wǎng)絡(luò)幻燈片播放。
-借由一段html5音頻,示范JavaScript如何讓你暫停、播放、尋找和查看目前的播放位置。蘋果說,聽者“不需下載任何額外的軟件,即可享受網(wǎng)頁上的聲音”。
- 360度的iPod瀏覽頁面。照片的置放和移動(dòng)用到CSS和JavaScript技術(shù)。蘋果表示,觸控事件的文件物件模式(DOM)支持可適用于iPhone和iPad ,且不需3D外掛。
你不需使用外掛,即可在網(wǎng)頁上提供互動(dòng)式的360度產(chǎn)品瀏覽。先拍攝幾張產(chǎn)品的照片,然后用HTML、CSS和JavaScript結(jié)合起來,就能輕松創(chuàng)造出以往需要額外軟件才能實(shí)現(xiàn)的豐富使用者互動(dòng)經(jīng)驗(yàn)。借由結(jié)合DOM觸控事件,你也能為iPhone和iPad等觸控設(shè)備進(jìn)行網(wǎng)頁最佳化。
-類似360度示范,VR示范是用紐約市的Apple Store為本,創(chuàng)造出虛擬的3D環(huán)境。3D空間內(nèi)的影像用到CSS技術(shù)。
-蘋果所謂的Canvas Pixel Manipulation(像素操作),JavaScript Canvas API的互動(dòng)功能,可變更和展示像素層級(jí)資料,還能在云端或區(qū)域存儲(chǔ)快照。使用者可直接在網(wǎng)頁上加上線條和形狀。