Adobe Edge: HTML5、CSS3、JS的動畫特效整合開發工具

HTML5問世後帶給軟體開發者不少驚奇,尤其在相關產業的大力支持下,相關的應用工具也爭相出現。Adobe在日前推出Edge,就是為了要整合新一代的HTML5、CSS3及Javascript的動畫製作能力,提供給多媒體設計師一個便利的動畫製作工具,讓設計師不必額外學習相關程式碼的撰寫,可以將心力放在設計上。 繼續閱讀


HTML5問世後帶給軟體開發者不少驚奇,尤其在相關產業的大力支持下,相關的應用工具也爭相出現。Adobe在日前推出Edge,就是為了要整合新一代的HTML5、CSS3及Javascript的動畫製作能力,提供給多媒體設計師一個便利的動畫製作工具,讓設計師不必額外學習相關程式碼的撰寫,可以將心力放在設計上。 繼續閱讀

今天早上除了發現自己過了10:42還活著之外,還發現Google首頁的Google Doodle有了新的動畫,今天的主題是瑪莎·葛蘭姆(Martha Graham)117歲誕辰 (不認識XD),不過這種手繪風格的動畫實在太有質感了,因此除了非常好奇的去看作者是哪位仁兄外,也想趁這個機會了解google是如何撰寫這個javascript動畫。 繼續閱讀

全球數百萬的Google用戶每天都使用Google提供的Gmail, Google Docs及Google Maps等便利的服務,這些服務都大量使用javascript應用,也能由此看出Google對javascript-based apps的重視程度。最近Google更提供了一組開發javascript的工具組,讓全球的開發者能更輕鬆的開發殺手級的javascript apps,這組工具分別是:Closure Compiler, Closure Library及Closure Templates,可視為分別針對javascript程式碼優化、框架、樣版引擎所提出的解決方案。
Closure Compiler 提供三種優化javascript程式碼的方式,分別是Serive UI, API, Application等,而優化的方式可以透過不同的設定來進行,可以幫你把javascript程式排得整整齊齊,也能用很「極端」的方式,幫你把無用的函式或冗詞精簡,建議在寫完javascript code後可以來compie一下。Service UI的形式是我個人覺得最方便的,因為它就是一個網頁的表單,設定一下就會跑出結果。如下圖,左邊是compile前的設定,右邊則是compile後的優化成果),Closure Compiler Service UI的官方教學文請見這裡。 繼續閱讀