那些正在消失的 Flash 網站

Flash 以絢麗的視覺效果,豐富的交互體驗著稱,它曾被推崇備至,然而,隨著上網設備越來越廣泛,很多不支持 Flash 的移動設備在訪問 Flash 站點時遇到了問題,與此同時,W3C Web 標準越來越受重視,JavaScript 與 HTML5 也為 Web 帶來接近 Flash 的體驗,Flash 的式微無可避免。

Flash 是專有技術,是瀏覽器的一個擴展,Flash 的出現為當時的瀏覽器提供了它們所不具備的功能,然而對現代瀏覽器而言,Flash 所帶來的價值越來越少,隨著越來越多的 Web 開發設計者認識到 Web 標準的重要,同時,隨著 HTML5 與 CSS3 的逐漸到來,那些基于 Flash 的站點將逐漸退出歷史。

Flash 與 Web 標準之爭

A1 in The Gradual Disappearance Of Flash Websites

Web 標準的推行已有10年,Web 開發與設計者對 Web 標準和 Flash 的爭論也由來已久且日趨白熱化。蘋果最近發布的 iPad 中 Flash 的缺失,以及 iPhone 對 Flash 的抵制,使這場開發者之間的爭論上升到廠商,蘋果抵制 Flash 的強硬立場使那些完全基于 Flash 的網站處境尷尬,畢竟你無法忽視蘋果所帶動的那塊巨大的市場。

盡管 Adobe 保證,到2012年,Flash 將入駐包括 Android,Palm,BlackBerry,Symbian,Windows Mobile 在內的2億5000萬部移動設備,但 Web 標準推行者認為,使用什么技術并不重要,重要的是為所有用戶提供可以訪問的,易用的富 Web 體驗。

良性競爭

A2 in The Gradual Disappearance Of Flash Websites

最初,Flash 是跨瀏覽器提供富 Web 應用的最佳選擇,這個小小的程序可以快速在不同瀏覽器上實現漂亮的動畫并吸引了一大批忠實的設計者,Flash 網站一度主導整個 Web,而 CSS 和 JavaScript 在不同瀏覽器的支持非常不一致,帶來諸多問題,同時,那時的 Web 標準并沒有辦法為用戶提供他們期待的體驗。盡管 Web 標準一度落后,帶 Web 標準推行者一直不懈地為開放 Web 努力。

Web 標準的裨益

A3 in The Gradual Disappearance Of Flash Websites

用戶期待富體驗,而如今的 HTML,CSS 和 JavaScript 已經可以提供大多數用戶需要的富體驗,這是 Web 標準的基礎。那些基于 Web 標準的站點與 Flash 站點的界限逐漸模糊,有時候,不看源代碼甚至無法區分。摒棄 Flash 轉而投向 Web 標準的站點越來越多,雖然初衷可能是因為 iPad 和 iPhone 不支持 Flash,但他們很快體驗到 Web 標準所帶來的更多好處。

現今趨勢

燈箱,滾動新聞,富導航條,圖片幻燈,這些效果曾經是 Flash 的專利,隨著 Web 標準的推進,如今人們可以憑借幾行 JavaScript 與 CSS 代碼實現相同的效果,而 Web 標準的流行,使越來越多的 JavaScript 或 CSS 框架面世,進一步推動標準的流行。

視頻也是 Web 標準的重要推動力之一,曾經,Web 視頻是 Flash 的天下,然而 YouTube 對 HTML5 視頻的嘗試改變了這一現狀,盡管現在的 HTML5 視頻還存在性能問題,但這些問題終究會得到解決,當世界上重要站點都擁抱 HTML5 視頻的時候,瀏覽器廠商會主動為這個事實的標準改善性能。

現代瀏覽器對 HTML5 和 CSS3 的支持

眾多現代瀏覽器都對 HTML5 和 CSS3 提供了支持,盡管程度參差不齊,然而我們已經可以期待以 CSS 動畫,Canvas,以及本地存儲等功能被代表的新一代 Web 的到來。盡管 W3C 自己也表示,HTML5 和 CSS3 的完全成熟還要很多年,但隨著我們對標準的呼聲越來越強烈,這些標準的采用也會加速。

差異性體驗

A15 in The Gradual Disappearance Of Flash Websites

現代 Web 設計師應當學會為不同瀏覽器提供差異性體驗,而不是像素級精準的一致,這樣,可以騰出更多時間用在別的更重要的事情上。如果用戶的瀏覽器不支持 JavaScript 和 CSS,他們仍可以看到基本內容,不像 Flash 站點,如果遇到不支持的瀏覽器則什么都不顯示。差異性體驗設計思想要求設計開發者更多地思考站點的結構,這樣,在提供漸進性體驗的時候,才能更容易發現問題。

移動Web

移動 Web 仍未成熟,常被網站設計者放在最后考慮之列,但基于 Web 標準的設計應當為移動設備提供降級顯示,在沒有 Flash 的情況下,網站仍能提供基本的內容。移動 Web 正在崛起,忽略移動用戶是極不明智的,Web 標準是為移動用戶提供較好體驗的唯一選項。

內容管理

基于 CMS (網站內容管理系統)的網站的內容創建模式不同于 Flash 網站,后者需要單獨設計,前者可以在線編輯。很多基于 WordPress 的站點摒棄 Flash,而是使用 JavaScript 實現富體驗。

開放性

A8 in The Gradual Disappearance Of Flash Websites

Web 標準意味著站點內容完全開放,任何程序都可以直接訪問網站的源代碼,搜索引擎,聚合器,翻譯工具,書簽工具都可以無障礙地訪問。

自由性

越來越多的人相信,Internet 背后的東西應該是自由,開放的,人們應當自由消費和創建內容,無需考慮其背后的那些專有技術的許可問題,Web 標準有助于一個開放,自由的 Web。

Flash 還會繼續存在于很多場合

Flash 網站的式微并不意味著這種技術的衰亡,Flash 還會在很多場合繼續存在。Web 發展到今天,Flash 功不可沒,在初期,盡管 Flash 和別的技術,如 Java applets 相比還不夠強大,但它很好地平衡了發布與開發的問題,諸如 VRML,SVG 一類的技術都一度想搶奪 Flash 的地盤,最終以失敗告終。沒有 Flash,也不會有現在的 Web 與創新。

易用

A13 in The Gradual Disappearance Of Flash Websites

Flash 不管對開發者和設計者來說,都很直觀易用,可以實現簡單的動畫,也能實現復雜的應用。易用性使 Flash 很容易被開發和設計者接受,再結合 Adobe 開發的設計套件,Flash 在設計圈大行其道。

一致性

無可爭議,很多年以來,Flash 是跨平臺,跨瀏覽器富 Internet 應用的唯一選項,還是跨瀏覽器提供視頻音頻的首選技術。另外,那些對網站字體很糾結的設計者會對目前的 Web 字體感到失望,在 @font-face 等技術被廣泛采用之前,基于 Flash swfObject 的方案不失為一種不錯的方案。

標準仍待時日

HTML5 標準的完全實施仍待時日,在這之前,如果你要支持舊的瀏覽器,Flash 仍是為舊瀏覽器提供視頻和音頻的唯一選項,Canvas 也一樣,如果要在 IE6 等舊瀏覽器上降級使用2D或3D圖形,Flash 可能是最佳選擇。

使用 Flash 注射

好的 Flash 開發者也和 Web 標準推動者使用相同的方法,他們在網站上用 Flash 創建一個層,不支持 Flash 的瀏覽器會輸出 Flash 層后面的內容,Flash injection technique 是實現這一機制的最簡單方法。

Flash 的未來

A14 in The Gradual Disappearance Of Flash Websites

Adobe 不可小覷,他們會繼續推動 Flash 入駐移動設備。Creative Suite 5 可以在 iPhone 上以本地應用的方式支持 Flash,而 Adobe AIR 也使 Flash 從最初的動畫工具進化成一個羽翼豐滿的桌面或移動應用平臺。隨著向桌面和移動設備提供相同應用的需求的增長,Flash 開發者會更得其所。

Flash, HTML, CSS , JavaScript 僅僅是工具

A16 in The Gradual Disappearance Of Flash Websites

不管是 Web 標準,還是 Flash,它們僅僅是用來創建網站的工具,Flash 的式微并不意味著 Flash 開發者的出局,不管你使用何種工具,創建富 Internet 應用的趨勢并不會變,事實上,從 Flash 向 Web 標準的遷移比你想象得要容易。Flash 開發者和 Web 標準推動者之間有更多共同點,UI 和交互設計,排版,布局,圖形設計,面向對象的編程等等,他們面臨的問題是一樣的,他們的目標都是創建好的用戶體驗,創建直觀的界面,最終讓網站更容易使用,所以這些,靠的并不是技術,而是技術后面的人。

本文國際來源:Smashing Magazine The Gradual Disappearance Of Flash Websites

中文編譯來源:銳商企業CMS 網站內容管理系統 官方網站





評論
...
發表評論


用戶


評論(不超過1000字)


 8 x 3 = ? 請將左邊的算術題的結果填寫到左邊的輸入框  


  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp