Html5

Chrome Super Sync Sports互動體驗連連看!

BECKY
2013 - 03 - 04
  隨著多屏互動世代的興起,數位活動也不再僅侷限於單一平台,透過不同平台間的互動串連,讓數位體驗的過程中增添了更多不一樣的趣味。   令人驚艷的多屏體驗 英國Google Chrome推出了最新的手機與電腦連線互動遊戲「Chrome Super Sync Sports」,從挑選運動員一直到互動體驗,皆是透過手機與電腦間的連線完成,且使用者不僅可單機使用,還可四人同時進行線上互動。   除網站整體視覺設計討喜外,遊戲進行時的流暢感也令人驚艷,網站包含了HTML5的WebSockets技術,可以真實的讓手機與電腦同步互動,Canvas和CSS3則製造了豐富的引人入勝的視覺效果,Google更利用自家有大量伺服器的優勢,讓消費者可以有完整流暢的雙屏體驗。   服務大眾以外的火力展示 其實Google Chrome本次推出「Chrome Super Sync Sports」不僅是服務一般網路使用者,推測其中更隱含著以下火力展示與商業目的:   1. 證明前面所提到遊戲所使用的多項技術可展現的商業價值。   2. 其次是藉由使用者的參與推廣自家的Chrome瀏覽器,並證明Chrome瀏覽器對於多平台同步連線的支援能力,與實驗技術上是否有任何應用上的困難。   3. 可藉此遊戲提升使用者對於Google服務在各平台上「體驗一致且同步進化」的印象。   暗中較勁的新仇舊恨 Google Chrome在官方說明中雖也提到,本互動並非僅限於Chrome瀏覽器,只要是「現代新式瀏覽器」皆可體驗由手機直接與電腦互動的樂趣,但唯獨瀏覽器界的老大哥IE被排除在外,至於原因,從過往Google與Microsoft間的新仇舊恨中就可以略知端倪了。   體驗看看:http://chrome.com/supersyncsports/
4493

Adobe Edge Tools & Services

SHERWIN
2013 - 01 - 24
自從已故的蘋果總裁Steve Jobs細細的數落Adobe Flash的缺點,以及Flash player在Google Play下架,Adobe Flash可說是無法在智慧型手持裝置的瀏覽器上執行也失去了影響力。雖然Adobe Flash無法在智慧型手持裝置的瀏覽器上執行,Adobe對於網頁內容開發並沒有缺席,而是轉而支持Html5的發展,鼓勵網頁內容開發者與設計師以Html5開發設計網頁內容,達到跨平台跨瀏覽器的優勢。為了能夠便利與加速網頁內容開發者與設計師開發以Html5開發網頁內容,Adobe發展了一系列的工具與服務 - Adobe Edge Tools & Services 來幫助開發者與設計師。Adobe Edge Tools & Services 當中包含了Edge Animate、Edge Reflow、Edge Code、Edge Inspect、Edge Web Fonts、Typekit和PhoneGap Build。 Edge Animate應屬Adobe Edge Tools & Services當中最重要的工具,此工具待會介紹。Edge Reflow是提供設計Responsive Web Design網頁的工具,目前尚未釋出,有興趣的讀者可以前往Edge Reflow網頁申請通知。Edge Code是提供前端網頁工程師便於開發編輯網頁內容的工具,目前仍處於Preview階段。開發網頁內容時常遇到的情況是需要在多裝置的瀏覽器上預覽結果,當有修改發生時,必須一個一個去點節裝置上的重新整理按鈕,以在每個裝置上取得最新的結果,這樣的動作瑣碎又耗時,Edge Inspect提供了一個解決辦法,讓開發者只需要在電腦上按下一個按鈕,與電腦連結的裝置即同時更新畫面,呈現最新修改的結果。Edge Web Fonts以及Typekit都是提供網頁字型服務,Edge Web Fonts是提供由Google和Adobe開發的免費網頁字型,Typekit則提供商業網頁字型,亦即使用時是需要付費的。PhoneGap Build提供開發者將使用Html、CSS和Javascript開發的APP,打包成手持裝置的Native APP,支援目前市面上多款手機平板的作業系統。 Edge Animate是 一個近似於Flash Professional介面的工具,其功能與目的也與Flash Professional相近。以往要使用Html、CSS、Javascript開發網頁內容動畫,需要使用許多設計師難以理解的程式語言,為了瀏覽結 果又必須要在程式編輯器與瀏覽器間切換,Edge Animate提供了簡單一用的工具與介面,讓設計師能夠快速且準確的製作網頁內容動畫,並且能夠即時預覽結果。另外Edge Animate也將Javascript簡化,讓設計師能夠使用類似Actionscript 2的語法來控制場景上的元件。這樣的工具相信對於前端網頁工程師也是一大利器。由Edge Animate製作出來的網頁內容,不僅支援iOS和Android裝置的瀏覽器,現今先進的瀏覽器如Firefox、Chrome、Safari和 IE9也同樣支援,唯有較舊的瀏覽器如IE8以下的瀏覽器需安裝Google Chrome Frame才能夠支援。 以 往使用Adobe Flash製作活動型網站,在電腦上擁有著跨平台且快速開發的優勢,然遇到了手持裝置卻只能夠舉手投降。使用Edge Animate開發雖然在較舊的瀏覽器和IE8以下的瀏覽器支援度有些問題,但隨著手持裝置的使用率越來越高,使用手持裝置上網的用戶也越來越多,使用Html、CSS和Javascript來開發跨平台跨瀏覽器的活動網站將必形成一個趨勢,有Edge Animate相信對開發與設計上有著相當大的幫助。
4383
110台北市信義區信義路五段 150 巷 2 號 20 樓之 2
20F.-2, No.2, Ln. 150, Sec. 5, Xinyi Rd., Xinyi Dist., Taipei,Taiwan R.O.C.

+886 2 2739 0000

+886 2 2758 9856