2014-10-31 37 views
-1

首先 - 我明白什麼「移動第一」意味着當涉及到設計網站。「移動第一」爲開發者定義

在我工作的公司,一些開發人員聲稱開發中的「Mobile First」意味着將移動樣式寫入CSS文件的頂部,然後讓桌面CSS通過媒體查詢而不是其他的方式。

他們聲稱這是這樣做的方式它將減少移動環境中的加載時間。

有沒有人有移動優先發展的定義?任何人都可以證明,在桌面樣式表之前編寫移動樣式表(意圖讓桌面覆蓋移動設備)可以改善加載時間嗎?

+0

在典型的辯論場景中,舉證責任在於提出索賠的人。如果他們不能*衡量績效改善,那麼這不是一個很強的主張。 (不否認他們在這裏的說法,我真的不知道,我只是懷疑沒有數字來支持它的福音的有效性。) – David 2014-10-31 19:06:48

+0

@David,不幸的是,我也懷疑他們的說法,儘管他們拒絕做任何事情,除非以他們特定的方式寫作 - 儘管他們之前從未寫過迴應...... – ntgCleaner 2014-10-31 19:08:23

+2

Mobile First與代碼順序甚至代碼無關。這是關於多少東西。我聽說過的最好的解釋就是 - 「用公寓裏的東西填滿一幢大廈比去弄清楚如何把公寓裏的所有東西放在公寓裏更容易。」稍後將東西放在牆上更容易,然後是堆棧和堆棧的箱子。 – briansol 2014-10-31 19:10:13

回答

1

這正是它以前如何解釋過的。儘管這種方法有一個巨大的缺點:IE8和以下不支持媒體查詢,使您的網站看起來很可怕。對於這些情況,我使用this workaround。您只需將該JS文件放入IE8語句中即可。

我個人認爲這種方法並不重要。我相信移動優先對設計是正確的,因爲它會幫助顯示最基本狀態中最重要的部分。

+0

這是你添加的一個很棒的點,奧斯汀。這可能是「正常」開發這種東西的門票。 – ntgCleaner 2014-10-31 19:09:30

+0

爲什麼我們不首先採用響應式設計而不是移動第一或其他方式? – Cherry 2014-10-31 19:11:25

+1

@Cherry,這就是我一直在與這家公司進行至少一年的講道。它應該正確設計,而不是爲另一個設計。 – ntgCleaner 2014-10-31 19:14:30