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