未來的WEB瀏覽體驗是這樣的...
今天,一篇出現在Sidebar上的文章展示了HTML5的強大能力。網站開發者和Mozilla狂熱愛好者David Walsh為我們集中展示了9個樣本,這些樣本只使用了自帶技術展示瀏覽器的能力,完全不需要藉助Flash或Silverlight之類的外掛。下面是三個令人過目難忘的範例。
在光子禪境花園 (Zen Photon Garden)裡,你可以通過劃線來改變光線的傳播方向。所有的光線和反射等都是實時的,簡單幾條線就能創造出意外的美景。
第二個樣本則更為複雜。在使用了大量計算後,作者為我們呈現了一個高度複雜的動畫。這是一個你從未見過的Helvetica:字母不停的蠕動和變化,分解和重組,你還可以使用滑鼠來改變視角。由於完全使用自帶技術,這個樣本在相對較舊的硬體上也能完美實現,作者還很慷慨地把程式碼分享了出來。
最後的大軸是一個更為複雜的Chrome Experiment,名為Gesture + Reveal.JS,這個實驗使用了WebRTC和JavaScript來呼叫攝像頭。該技術為使用者提供了一個手勢操作的介面。當然這種控制方式看起來並不新鮮,但這非常牛叉,再強調一遍,因為它能在任何一臺過去5年內生產的電腦上完美執行。
毫無疑問,這些樣本個個都是精品,但如果開發者和設計師們充分利用這些輕便簡單又醒目的技術來為我們日復一日的網頁瀏覽增添樂趣才是最讓人振奮的未來。
英文來源: theverge.com
相關文章
- 主流瀏覽器廠商承認HTML5是Web的未來瀏覽器HTMLWeb
- 漫畫:軟體是這樣做出來的
- 未來的圖靈出版是怎樣的?圖靈
- 從瀏覽器大戰看未來軟體發展瀏覽器
- 未來的瀏覽器會怎麼發展呢?瀏覽器
- 瀏覽器是怎樣渲染網頁的呢?瀏覽器網頁
- 原來你是這樣的FlutterFlutter
- 原來你是這樣的switch~
- 原來你是這樣的PromisePromise
- 原來你是這樣的GitGit
- 這會是Google Glass的未來嗎?Go
- 未來的資料中心是什麼樣的
- 未來的桌上型電腦就該是這樣 超越蘋果iMac蘋果Mac
- 未來web瀏覽技術提前體驗:10個會讓你驚歎不已的HTML5畫布(canvas)技術應用演示WebHTMLCanvas
- 平臺是Web開發的未來嗎?Web
- 軟體的未來是無碼
- JavaScript 中的原型原來是這樣的JavaScript原型
- 原來JavaScript是這樣執行的JavaScript
- 原來Stable Diffusion是這樣工作的
- 搶先體驗! 在瀏覽器裡寫 Flutter 是一種什麼體驗?瀏覽器Flutter
- microsoft edge是ie瀏覽器嗎 edge瀏覽器和ie瀏覽器一樣嗎ROS瀏覽器
- CMS平臺是Web開發的未來嗎?Web
- Yann LeCun:未來的AI晶片應該這樣做Yann LeCunAI晶片
- Serverless:這真的是未來嗎?Server
- 火狐瀏覽器是如何又變快起來的?瀏覽器
- Web 應用安全性: 瀏覽器是如何工作的Web瀏覽器
- 未來的電視旅遊 App 是什麼樣的?APP
- 原來CNN是這樣提取影像特徵的。。。CNN特徵
- 原來你是這樣的http2......HTTP
- javascript棄坑之路之原來是這樣的thisJavaScript
- web前端培訓的未來就業前景怎麼樣?Web前端就業
- 這個超逼真的虛擬小姐姐,可能是騰訊遊戲未來的樣子遊戲
- 福利來了!如果瀏覽器是女人瀏覽器
- 這樣就能微信跳外部瀏覽器?好方便瀏覽器
- Web瀏覽器裡的那些事Web瀏覽器
- Web開發學習筆記——瀏覽器是如何工作的Web筆記瀏覽器
- Serverless:這真的是未來嗎?(一)Server
- Serverless:這真的是未來嗎?(二)Server