四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

世界范圍內(nèi)移動設(shè)備的使用數(shù)量在與日俱增。面對在跨越多個不同設(shè)備上創(chuàng)建良好web體驗(yàn)的挑戰(zhàn)，現(xiàn)在已經(jīng)存在多種解決方案。但是對于任何一個給定的項(xiàng)目，這些解決方案中哪個是最合適的？為了回答這個問題，《移動優(yōu)先》作者Luke以Bagcheck應(yīng)用作為案例（注：Bagcheck是一家從事搜索與發(fā)現(xiàn)業(yè)務(wù)的創(chuàng)新型企業(yè)），解釋了選擇分別設(shè)計(jì)移動版和桌面版背后的原因，并通過對比提煉出四個優(yōu)化移動Web產(chǎn)品的建議。全文如下：

本人是響應(yīng)式Web設(shè)計(jì)（Responsive Web Design）理念的擁護(hù)者和粉絲。但經(jīng)常有人這樣問我：為什么我們還要為Bagcheck單獨(dú)構(gòu)建一個獨(dú)立的移動版本，而不使用流體網(wǎng)格（fluid grids），彈性圖片（flexible images）和媒體查詢（media queries）等方法來為我們的移動用戶提供一個響應(yīng)式Web解決方案？

對于我們的Bagcheck站點(diǎn)來講，網(wǎng)站性能以及網(wǎng)站開發(fā)速度是兩個至關(guān)重要的問題。我們所做的決定中，很多都是為了使網(wǎng)站性能和開發(fā)速度兩者都盡可能的快（畢竟我們是一家新成立的企業(yè)）。作為我們關(guān)注網(wǎng)站性能的一部分，我們也很注重“什么才是必須的”這樣的理念。這意味著我們需要向不同設(shè)備或者用戶呈現(xiàn)一些他們需要的東西。我們樂于做一些優(yōu)化工作。使用雙重模板系統(tǒng)（dual template system）我們就可以從以下多個方面進(jìn)行優(yōu)化，比如資源順序（source order），媒體（media），URL結(jié)構(gòu)以及應(yīng)用程序設(shè)計(jì)。

最初我們以命令行接口（command-line interface）的形式構(gòu)建Bagcheck，在此基礎(chǔ)之上我們創(chuàng)建了一個移動Web體驗(yàn)版的Bagcheck，接著很快就開發(fā)出了一個桌面Web體驗(yàn)版的Bagcheck。這樣的過程很可能也影響到了我們所使用的開發(fā)方法。

另外值得一提的是，雖然自己能夠勝任編碼工作，但我主要是一個設(shè)計(jì)師。因?yàn)槲谊P(guān)注的焦點(diǎn)是設(shè)計(jì)要素，所以在這篇文章里會盡量多的包含一些技術(shù)層面的資源鏈接，如果你有更多的資源和實(shí)現(xiàn)想法，趕快發(fā)給我吧！

資源順序（Source Order）

響應(yīng)式Web設(shè)計(jì)(Responsive Web Design)最為核心的部分是,將相同的HTML代碼應(yīng)用到不同的設(shè)備上面來，并且根據(jù)具體設(shè)備自身的性能來動態(tài)調(diào)整（主要是通過CSS）外觀顯示。HTML標(biāo)記有一個資源順序，這個資源順序通常規(guī)定Web頁面如何被瀏覽器渲染。盡管可以使用JavaScript和CSS技術(shù)來改變HTML元素的位置布局，但想以一種可靠的方式在多種不同設(shè)備上面進(jìn)行HTML元素重定位則非常具有挑戰(zhàn)性。

就拿網(wǎng)站導(dǎo)航菜單這個簡單的例子來說吧，對于那些擁有較大屏幕以及鼠標(biāo)/鍵盤等輸入的設(shè)備來說，將導(dǎo)航菜單放置到網(wǎng)頁的頂部是很常見的做法，其原因有以下幾個方面：

• 設(shè)備屏幕擁有足夠多的空白區(qū)，頁面實(shí)際內(nèi)容不可能被擠出屏幕之外。
• 通常需要通過一些關(guān)鍵的類別和動作集合來決定在網(wǎng)站上顯示什么內(nèi)容
• 當(dāng)這些