Dawn是Shopify的第一個源碼可用的參考主題,具有Oline Store 2.0的靈活性和對速度的關注。它是用HTML和CSS的語義標記構建的,而不是依靠polyfills和外部庫,以便在所有的瀏覽器上創造良好的體驗。它的設計是為了最大限度地提高靈活性,同時最大限度地減少復雜性,這意味着在我們的設計中要平衡意見,允許商家有空間做出他們認為適合他們業務的改變。
我們在構建Dawn時一直強調速度,結果是Dawn在默認情況下是快速的,無論如何,它的加載速度比Debut快35%,Debut是目前一半以上的商戶使用的主題。
Dawn,Shopify的第一個可提供源代碼的參考主題。
由於Dawn已經為其所有的頁面提供了JSON模板,你可以在你自己的主題上解鎖部分時使用它作為一個模型。它最終將成為所有新商店的新默認主題,取代Debut。
通過閱讀我們在Shopify用戶體驗博客上的文章,了解更多關於我們如何構建Dawn的信息。
關於使用最小的JavaScript
可以說,Dawn最大的追求是,我們探索了在開發過程中只使用需要的JavaScript的方法到底能走多遠。這是因為我們比以往任何時候都更重視速度,提供一個快速的基礎,以增加商家店鋪快速加載的可能性。
我們知道,用最少的JavaScript構建意味着我們不會在商家和買家的用戶體驗上做出妥協。在某些情況下,JavaScript是必要的,即使它不是最有效的選擇。但在有意義的地方,我們依靠本地瀏覽器的功能,而不是JavaScript庫和polyfills。
我們鼓勵開發者在可能的情況下利用本地瀏覽器的功能來渲染HTML和CSS布局。
Dawn主題特色
性能 - Dawn的每一個部分都是以性能為基礎建立的。Dawn使用了幾種策略來優化性能。例如,它盡可能地使用CSS和本地瀏覽器功能,而不是JavaScript,以減少包的大小,減少加載時間。
設計 - Dawn是以商家和客戶的體驗為前提而建立的。它將靈活性和易用性與強大的品牌表達和直觀的界面相結合。
可訪問性 - Dawn的設計和構建遵循了我們在可訪問性方面的最佳實踐。它的設置被組織起來,以幫助商家設計無障礙的色彩方案。
使用章節和區塊 - Dawn通過將模板功能分割成章節和區塊,在模板中建立了靈活性。這允許商家在任何頁面上建立自定義布局,並在頁面的多個位置引入應用塊。
以上是ytkah翻譯整理,詳情大伙可以直接安裝測試一下
相關模板推薦