讓我們回顧
網(wǎng)站設(shè)計的演變,回顧表格布局風(fēng)靡一時、Flash游戲塑造網(wǎng)絡(luò)文化的時代。然后響應(yīng)式網(wǎng)頁設(shè)計發(fā)生了,而且常常感覺像是歷史的終結(jié);至少對于網(wǎng)頁設(shè)計來說是這樣的。畢竟,我們?nèi)匀粍?chuàng)建響應(yīng)性網(wǎng)站,這是在網(wǎng)絡(luò)上進行布局的真正方式。然而今年2025年,標(biāo)志著第十五周年紀(jì)念伊桑·馬科特的文章,它永遠改變了web開發(fā)。那是“網(wǎng)絡(luò)”時代的整整一個時代。
當(dāng)伊桑·馬科特構(gòu)思RWD時,網(wǎng)絡(luò)技術(shù)遠沒有今天成熟。作為web開發(fā)人員,我們開始掌握如何使用float在多年將所有東西都塞進表格單元格之后。實現(xiàn)一個響應(yīng)性網(wǎng)站的方法并不多。他們有兩個人:流體網(wǎng)格(基于百分比)和媒體查詢,這在當(dāng)時是一個熱門的新事物。
毫無疑問,瀏覽器自帶的新布局系統(tǒng)在10年前是開創(chuàng)性的。他們具有足夠的革命性,開創(chuàng)了一個新時代。在她的談話中”你所知道的關(guān)于網(wǎng)頁設(shè)計的一切都改變了“在2019年的An Event Apart大會上,Jen Simmons為它提出了一個名字:內(nèi)在網(wǎng)頁設(shè)計(IWD)。先解除那個花里胡哨的詞。根據(jù)韋氏詞典詞典,內(nèi)在的意思是“屬于事物的本質(zhì)或者結(jié)構(gòu)?!皳Q句話說,IWD是一種自然的網(wǎng)頁設(shè)計方式。這歸結(jié)為使用CSS布局系統(tǒng)來布置東西。就是這樣。
它本身聽起來并不具有開創(chuàng)性。但是它提供了許多可能性,這些可能性在早期的基于浮動的布局或表格布局中是沒有的。我們從兩個世界獲得了最好的東西:二維布局(比如包含行和列的表格)和換行能力(比如當(dāng)沒有足夠的空間容納內(nèi)容時浮動內(nèi)容)。還有更多好東西,比如混合固定大小的內(nèi)容和可變大小的內(nèi)容,或者有意重疊元素。
雖然這個新時代并沒有到來,但IWD從未像RWD那樣家喻戶曉。我們?nèi)匀煌A粼诿篮枚爬系腞WD時代。然而,F(xiàn)lexbox和Grid成為了(幾乎)每個web開發(fā)人員工具箱中不可或缺的工具。它們是如此的自然和固有的我們直覺地開始使用它們,卻忽略了它們革命性的一面。我們沒有選擇IWD的突破性革命,而是選擇了RWD更長久但更穩(wěn)定的發(fā)展。