未來的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
- 未來的瀏覽器會怎麼發展呢?瀏覽器
- CyclicBarrier原來是這樣的
- 瀏覽器是怎樣渲染網頁的呢?瀏覽器網頁
- 未來的女朋友是什麼樣
- 未來的資料中心是什麼樣的
- 原來你是這樣的switch~
- 原來你是這樣的FlutterFlutter
- 原來你是這樣的PromisePromise
- Web 應用安全性: 瀏覽器是如何工作的Web瀏覽器
- microsoft edge是ie瀏覽器嗎 edge瀏覽器和ie瀏覽器一樣嗎ROS瀏覽器
- 軟體的未來是無碼
- 搶先體驗! 在瀏覽器裡寫 Flutter 是一種什麼體驗?瀏覽器Flutter
- JavaScript 中的原型原來是這樣的JavaScript原型
- Web瀏覽器裡的那些事Web瀏覽器
- 【Spring】原來SpringBoot是這樣玩的Spring Boot
- 原來JavaScript是這樣執行的JavaScript
- 原來Stable Diffusion是這樣工作的
- web前端培訓的未來就業前景怎麼樣?Web前端就業
- Web開發學習筆記——瀏覽器是如何工作的Web筆記瀏覽器
- Yann LeCun:未來的AI晶片應該這樣做Yann LeCunAI晶片
- 應用推薦:來自 KDE 的 Falkon 開源 Web 瀏覽器Web瀏覽器
- 夸克瀏覽器PC端功能體驗瀏覽器
- 原來CNN是這樣提取影像特徵的。。。CNN特徵
- 原來你是這樣的http2......HTTP
- 有不好的體驗,才知道好的體驗是什麼樣子
- 都說Kubernetes是未來,那未來到底是什麼樣子?
- Serverless:這真的是未來嗎?Server
- 最佳化 GitHub 體驗的瀏覽器外掛「GitHub 熱點速覽」Github瀏覽器
- 未來什麼樣的工作是絕對無法取代的?
- 失明是一種怎樣的體驗——見
- 【譯】瀏覽器如何工作:在現代web瀏覽器場景的之下瀏覽器Web
- [譯] 我們是怎樣把 Carousell 的移動端 Web 體驗搞快了 3 倍的?Web
- 微軟宣佈支援Edge瀏覽器中的Web身份驗證規範微軟瀏覽器Web
- TensorFlow Hub, 給您帶來全新的 Web 體驗Web
- 這樣就能微信跳外部瀏覽器?好方便瀏覽器
- JSP 商品瀏覽[Web application]JSWebAPP
- 程式媛眼中的程式猿原來是這樣子的!
- 虛擬偶像的歌聲原來是這樣生成的!