2012-03-12 79 views
0

我想建立一個網站,看起來是一樣的(或至少非常相似),甚至不同的分辨率。我知道使用Adobe Flash是一件非常簡單的事情,但我有點想進入整個「HTML5場景」,所以我想我可以嘗試在不使用閃光燈的情況下構建它。HTML5可調整大小的網站

我知道我可以調整畫布,以適應它在所查看瀏覽器的窗口,但我也可以調整,我在畫布內的圖像,文字等HTML結構?像s,s,s或圖像一樣?

我也將在網站本身內製作很多東西,所以我想如果你認爲它只適用於HTML5(畫布),或者我應該只是使用Flash,我可以先問你們。

我知道這是不是標準的「幫我調試這個」幫助的帖子,但它真的會幫助我,如果你們能分享一些知識。

在此先感謝。

回答

0

,因爲它不是一個直接的問題,我感覺不舒服有義務給予直接的答案,但我一直在尋找到這個問題,以及最近因爲有隻是HTML5這麼多炒作自己。雖然這是稍微偏離主題特德·帕特里克來到我最近工作,促進煎茶觸摸和Ext.js這是誰,他在這一點工作,但無論如何它,因爲我會讀一些泰德的有關帖子是有點兒令人沮喪,我當我自己進入Flex時Flex。總之抽泣故事之外這裏的一些資源,這將幫助:

http://www.sencha.com/ http://www.htmlfivewow.com

我沒有用ProcessingJS還沒有自己,但我已經用處理本身在過去製作(基於傳感器輸入,再次下車話題)從一個Arduino讀取的串行數據的數據可視化和處理本身非常接近對於繪製的內容閃爍:

http://processingjs.org/

我認爲,如果你想你很快就可以做到這一點只想依靠你當前的技能組合。如果您不擔心快速推出這項功能,請花一些時間研究更多HTML5/Javascript/CSS3工具/框架/結構/書籍。老實說HTML5本身是有點在我的腦海零的,主要的變化是CSS3關於過渡和DOM相對於新的畫布的WebGL的WebSockets等問題的對象是不是每一個瀏覽器正在實施這些新規則以同樣的方式(類似於到HTML4和之前),所以仍然會有一些檢查瀏覽器和必要的後備。關於HTML5本身,我讀的內容基本上是對id屬性和現有網站的掃描,因爲div的id現在已經成爲他們自己的標籤,主要是爲了搜索引擎,屏幕閱讀器和其他技術可以利用瞭解頁面部分背後的含義(語義)。另一件事情可以做的就是照顧像本地化時間戳和這種性質的東西。從我看過的演示中,我毫不懷疑,如果使用HTML5和JavaScript可以達到類似的效果,但不會像使用Flex或任何其他框架編寫Web應用程序一樣,您可以將工作剪切爲您。

也有一些潛在的陷阱需要注意的:

  1. 必須編寫瀏覽器特定的代碼(也稱爲浪費時間)。

  2. 性能不如應該考慮到閃光燈在性能方面受到負面光線的影響。我已經看到簡單的HTML5例子,即使使用Google chrome,它具有最好的JavaScript虛擬機V8並使用Web-Kit(與Safari相同的HTML渲染引擎,但它們的版本不同),就像垃圾一樣運行。不是Javascript,在運行時性能方面比AS3差,但即使你把它給猴子(假設猴子沒有訓練使用錘子),它也不是一種正確的方法。

  3. 要小心視頻編解碼器問題/跨瀏覽器的兼容性(如果您正在處理視頻內容)。

  4. 在入門之前探索有關服務器端技術的選項(這不是一個真正的陷坑,但它可能是如果你不採取建議)。 Node.js看起來相當有希望作爲一種選擇(我不相信它對於心靈的懦弱是必要的,但如果你喜歡編碼並看到一切正在進行,那麼用一種語言來保存所有東西是一個很好的方法...... ),或者你可以使用AMF到JS轉換器繼續使用BlazeDS。另外請注意使用JSON而不是AMF3序列化引入的額外開銷,這對於我們生活的高帶寬世界來說並不是什麼大不了的事情,但考慮到日益增長的移動世界(和小型移動網絡),這是需要考慮的事情在這一點上公平對待這個問題Dojo JSON,不管這是什麼,似乎幾乎與AMF3相提並論)。

http://www.jamesward.com/census2/