內(nèi)在WEB設(shè)計(jì)簡(jiǎn)單介紹

在某些情況下，每個(gè)行業(yè)都有其行話，幾乎都有自己的語(yǔ)言。上帝知道網(wǎng)頁(yè)設(shè)計(jì)有很多行話，即使我們一半的用語(yǔ)是幻想和荒謬的職位。但是，對(duì)于必須發(fā)明我們自己的事物詞和首字母縮寫(xiě)詞所帶來(lái)的所有愚蠢行為，行話起著重要的作用：它使我們能夠與其他設(shè)計(jì)師和開(kāi)發(fā)人員更有效地交流。

有時(shí)，（或多或少）提出一個(gè)概念的人會(huì)像使用響應(yīng)式Web設(shè)計(jì)一樣來(lái)命名它。[在這里，我出于長(zhǎng)期的習(xí)慣，在Ethan Marcotte的拳頭搖了晃。RWD是一件好事，但它讓我頭疼了一段時(shí)間。]有時(shí)有人走過(guò)來(lái)，為我們已經(jīng)做過(guò)一段時(shí)間的事情編造一個(gè)單詞或短語(yǔ)，這就是（我敢肯定） Web 2.0發(fā)生了。

內(nèi)在Web設(shè)計(jì)（您可以感謝Jen Simmons的這種行話）屬于后一類。我們已經(jīng)開(kāi)始這樣做，但是現(xiàn)在有了它的名稱。我們認(rèn)為撰寫(xiě)此概念的快速介紹是一個(gè)好主意，因?yàn)樗鼘⒊蔀槲磥?lái)Web設(shè)計(jì)對(duì)話的主要部分。

什么是內(nèi)在網(wǎng)頁(yè)設(shè)計(jì)？

它從Flexbox和CSS Grid模塊開(kāi)始。自從我們認(rèn)為使用表格進(jìn)行布局是不切實(shí)際的以來(lái)，我們一直在使用float屬性以及合理的絕對(duì)和固定位置來(lái)將內(nèi)容放置在頁(yè)面上的任何位置。這對(duì)我們來(lái)說(shuō)效果很好，但從本質(zhì)上講，這是一個(gè)hack。

實(shí)際上，這是一系列黑客。然后，我們開(kāi)始將充滿黑客的CSS框架放在一起。然后，一些非常錯(cuò)誤的人開(kāi)始使用JavaScript編寫(xiě)充滿黑客的CSS。幾乎所有的網(wǎng)絡(luò)都建立在駭人的前端代碼上，而且變得一團(tuán)糟。

這并不是要批評(píng)那些以前的人的工作。使用hacky布局方法是完成所有工作的唯一方法。我們沒(méi)有其他選擇。現(xiàn)在我們要做：Flexbox和CSS Grid是CSS本身內(nèi)置的布局方法。您可能會(huì)說(shuō)，它們是媒體固有的。

得到它？你明白我的意思了。無(wú)論如何。前面提到的CSS模塊只是它的開(kāi)始。CSS正在發(fā)展到這樣的地步，我們擁有可以正確地布局設(shè)計(jì)的工具，我們希望它們?nèi)绾尾季郑瑳](méi)有黑客，當(dāng)然也沒(méi)有JavaScript的幫助。能夠以對(duì)黑客，技巧和外部庫(kù)的最少依賴來(lái)創(chuàng)建我們想要的內(nèi)容，這是Intrinsic Web Design的一部分。

或聽(tīng)聽(tīng)該術(shù)語(yǔ)的創(chuàng)建者自己的說(shuō)法：

換句話說(shuō)，我認(rèn)為Intrinsic Web Design是關(guān)于從CSS功能的限制到由CSS功能的轉(zhuǎn)變。它開(kāi)辟了許多令人興奮的新可能性。

誰(shuí)想到了這個(gè)？

詹·西蒙斯（Jen Simmons）。她是一名網(wǎng)站設(shè)計(jì)師和前端開(kāi)發(fā)人員，曾與以下企業(yè)合作/使用：CERN：W3C，Google和Drupal，以及其他小型企業(yè)。她目前在Mozilla擔(dān)任設(shè)計(jì)師代言人，在會(huì)議上發(fā)表演講，并主持和制作 The Web Ahead，這是有關(guān)Internet未來(lái)的精彩播客。

她還在YouTube上托管“ 布局土地”頻道。如果您想了解Flexbox，CSS Grid和Intrinsic Web Design的其他構(gòu)建基塊，那么這些視頻是一個(gè)很好的起點(diǎn)，內(nèi)容豐富。您還應(yīng)該查看我在上面引用的她的采訪，在那兒，她和Jeffrey Zeldman討論了IWD和許多其他主題。

進(jìn)入新時(shí)代

隨著設(shè)計(jì)師抓住這些想法，事情開(kāi)始變得瘋狂起來(lái)，并開(kāi)始弄清楚他們可以使用Flexbox和CSS Grid以及我們已經(jīng)擁有的所有布局方法來(lái)構(gòu)建什么。毫無(wú)疑問(wèn)，我們將看到新的，或者至少是精致的布局創(chuàng)意的爆炸式增長(zhǎng)。然后，JavaScript螺母將參與其中，這將變得非常有趣。

高端網(wǎng)站設(shè)計(jì)尤其應(yīng)注意Intrinsic Web Design所發(fā)生的事情，正是因?yàn)樗鼤?huì)發(fā)生變化，并且已經(jīng)在改變Web上可能發(fā)生的事情。無(wú)論您嚴(yán)格是圖像編輯器中的UI設(shè)計(jì)師還是藝術(shù)總監(jiān)，您都應(yīng)該研究這些技術(shù)可以做什么。知道您的前端同事現(xiàn)在可以做什么將使您的工作更加輕松。