創(chuàng)新的
網(wǎng)頁設計是如此之厚,速度之快,以至于如果您不小心的話,很容易錯過它們。這個系列是一個小解毒劑,匯聚了靈感,吸引了我們的眼球。無論是令人不寒而栗的新功能,還是僅僅是新的優(yōu)雅帶來的古老技巧,它們都具有使我們思考方式有所不同的品質。
我最近看了一篇文章,稱贊Saul Bass在網(wǎng)頁設計領域的工作。他最偉大的禮物之一就是使最微小的細節(jié)都變得美麗。本著同樣的精神,我們通過磨練我們已經(jīng)習慣于變得乏味的網(wǎng)站趨勢和功能來開始本系列。如您所見,它們不是必需的。訣竅通常在執(zhí)行過程中。幾乎任何事物都可以是美麗的。為什么要追求更少的目標?
在移動設備上,這三個部分構成了一個大欄目。這是對移動/桌面關系的明智解決方案,也是一種非常時尚的解決方案。(請大喊“支持”按鈕,當您將鼠標懸停在該按鈕上時,它將開始旋轉。)
后面的CSS非常簡單。三個部分坐柔性容器內,與所有三個共享的價值觀overflow-y: auto;,并height: 100vh;讓他們總是適合桌面視窗。這里真正的好用是scrollbar-width: auto;用來刪除側邊欄。因為這些列占據(jù)了整個屏幕,所以您只要移動鼠標就可以直觀地確定頁面的工作方式。