桌面團(tuán)隊(duì)在發(fā)布 Opera 11.52 final 的時(shí)候提到今天還有個(gè)實(shí)驗(yàn)室版本,現(xiàn)在內(nèi)容揭曉了:Opera Reader 和 getUserMedia。 代號(hào)為 Opera Reader 的是一項(xiàng)創(chuàng)新的 CSS 結(jié)構(gòu),分割長(zhǎng)頁面作為,使用翻頁形式以獲得更好的體驗(yàn),這將給網(wǎng)絡(luò)閱讀帶來新的認(rèn)知。這是在 UNW 2011上提出的,現(xiàn)在則邁出了一步。 Opera Reader 當(dāng)初瀏覽器為了顯示網(wǎng)頁,一開始就想到采用滾動(dòng)的形式,給讀者滾動(dòng)條以上下求索。對(duì)于軟件設(shè)計(jì)者來說這個(gè)解決方案算是再簡(jiǎn)單不過,而且所有內(nèi)容只須從頭到尾一根筋地展示,不用為如何分頁費(fèi)神。不過,滾動(dòng)方式在缺少鼠標(biāo)的設(shè)備上并不利索,而且面對(duì)瀏覽器,人們錯(cuò)失了書頁的舒展美感。 近來我們看見已經(jīng)有人在正確的方向上邁出了第一步。時(shí)下越來越多的電子書閱讀器(例如亞馬遜的 Kindle )提供“上一頁”和“下一頁”按鈕,讓讀者以一種更像書本的方式閱讀,不然就 not fashion 了。但是 Kindle 畢竟是被圍墻包圍的花園,不是你說進(jìn),能進(jìn)就能進(jìn)。如果有一種開放的技術(shù)讓人人都能以此方式展示內(nèi)容,不是相當(dāng)有益嗎? Image by Friar's Balsam. Opera 最近展示了這一概念的實(shí)現(xiàn),用瀏覽器把網(wǎng)頁內(nèi)容分割成書頁的形式。此實(shí)現(xiàn)是使用 CSS3 擴(kuò)展將頁面內(nèi)容分割成若干頁,讀者通過手勢(shì),以自然的方式翻動(dòng)書頁,而非看準(zhǔn)按鈕然后點(diǎn)擊;并提供一種始終如一、獨(dú)立于文件本身的內(nèi)容導(dǎo)航方式。詳情請(qǐng)見此 CSS3 新特性。 例如,把一個(gè)頁面變成分頁瀏覽方式,只需要在你的網(wǎng)頁添加以下樣式:
以上代碼聲明:支持 -o-paged media 類型的設(shè)備將把內(nèi)容分割成若干頁,每頁填充 100% 的瀏覽器窗口高度;overflow: -o-paged-x 表示,頁面應(yīng)使用水平手勢(shì)翻頁(例如在觸摸屏上左掃右掃)。 正如在 5 世紀(jì)書頁形式取代卷軸成為最流行的閱讀方式,我們希望,書頁形式也將變革人們的網(wǎng)絡(luò)閱讀。 了解詳細(xì)信息和更多的演示請(qǐng)見:Opera Reader: Paging the Web by Chris Mills and Håkon Wium Lie. 攝像頭和 getUserMedia 這個(gè) Labs 版本還添加了對(duì) HTML5 API —— getUserMedia 的支持,此 API 允許用戶使用攝像頭獲得的輸入,作為 |