淺析一個(gè)簡(jiǎn)單介紹內(nèi)在的網(wǎng)頁(yè)設(shè)計(jì)

某些情況下，每個(gè)行業(yè)都有它的術(shù)語(yǔ)和幾乎它自己的語(yǔ)言。 網(wǎng)頁(yè)設(shè)計(jì)有很多術(shù)語(yǔ)，即使我們編造的短語(yǔ)中有一半是花哨和無(wú)意義的職位，但是，由于不得不發(fā)明自己的詞匯和縮略詞，所以術(shù)語(yǔ)起著重要的作用：它使我們能夠更高效地與其他設(shè)計(jì)師和開(kāi)發(fā)者進(jìn)行溝通。

有時(shí)提出一個(gè)概念的人可以命名它，就像使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)一樣。內(nèi)在的網(wǎng)頁(yè)設(shè)計(jì)屬于后一類。 我們已經(jīng)開(kāi)始這樣做了，但現(xiàn)在我們有了一個(gè)名字。 我們認(rèn)為寫(xiě)一個(gè)快速介紹這個(gè)概念是個(gè)好主意，因?yàn)樗鼘⒊蔀槲磥?lái)網(wǎng)頁(yè)設(shè)計(jì)對(duì)話的主要部分。

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

它從Flexbox和CSS Grid模塊開(kāi)始。 自從我們決定使用表格進(jìn)行布局是不切實(shí)際的，我們一直在使用float屬性，以及絕對(duì)和固定位置的健康劑量，以便在頁(yè)面上放置任何我們想要的東西。 這對(duì)我們來(lái)說(shuō)很有效，但本質(zhì)上它是一種黑客行為。

實(shí)際上，這是一系列的黑客攻擊。然后我們開(kāi)始將CSS框架整合到一起。然后，一些非常錯(cuò)誤的人開(kāi)始使用JavaScript編寫(xiě)他們的CSS代碼。幾乎所有的web都是基于hacky前端代碼構(gòu)建的，并且已經(jīng)變得混亂不堪。

這不是批評(píng)以前來(lái)的人的工作。使用hacky布局方法是完成任何事情的唯一方法。我們沒(méi)有其他選擇?，F(xiàn)在我們要做的是：Flexbox和CSS網(wǎng)格是構(gòu)建在CSS本身中的布局方法。你可能會(huì)說(shuō)，它們是媒介的固有屬性。

前面提到的CSS模塊只是它的開(kāi)始。CSS正在發(fā)展到我們有足夠的工具來(lái)正確地布局我們的設(shè)計(jì)，我們想要它們?nèi)绾伪徊季郑瑳](méi)有任何黑客，當(dāng)然也沒(méi)有JavaScript的幫助。能夠以最小程度的依賴于黑客、技巧和外部的庫(kù)來(lái)創(chuàng)建我們想要的東西，這是內(nèi)在Web設(shè)計(jì)的一部分。

或者聽(tīng)聽(tīng)這個(gè)詞的創(chuàng)作者是怎么說(shuō)的：

換句話說(shuō)，我認(rèn)為內(nèi)在的Web設(shè)計(jì)是關(guān)于從受CSS能力的限制到被它們賦予的能力的轉(zhuǎn)變。它打開(kāi)了許多令人興奮的新可能性。

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

Jen西蒙斯。她是一名web設(shè)計(jì)人員和前端開(kāi)發(fā)人員，曾為CERN （CERN： W3C、谷歌、Drupal和其他小型企業(yè)）工作過(guò)。她現(xiàn)在是Mozilla的設(shè)計(jì)師，在會(huì)議上發(fā)言，主持和制作網(wǎng)絡(luò)，這是一個(gè)關(guān)于互聯(lián)網(wǎng)未來(lái)的精彩播客。

她還在YouTube上主持布局陸地頻道。如果你想了解關(guān)于Flexbox, CSS網(wǎng)格，以及其他內(nèi)部網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)建模塊，這些視頻是一個(gè)非常好的開(kāi)始。你也應(yīng)該看看我上面引用的她的采訪，她和杰弗里?澤曼在這里討論了IWD和其他很多話題。

進(jìn)入一個(gè)新時(shí)代

當(dāng)設(shè)計(jì)師們開(kāi)始關(guān)注這些想法時(shí)，事情就會(huì)變得很瘋狂，并開(kāi)始找出他們能用Flexbox和CSS網(wǎng)格與我們已經(jīng)擁有的所有布局方法一起構(gòu)建什么。我毫不懷疑，我們將看到新的，或者至少是細(xì)化的布局理念的爆炸式增長(zhǎng)。然后JavaScript將會(huì)涉及到，這將變得非常有趣。

非編碼者尤其應(yīng)該注意內(nèi)在的網(wǎng)頁(yè)設(shè)計(jì)，因?yàn)樗鼤?huì)改變，并且已經(jīng)在改變網(wǎng)絡(luò)上的可能。無(wú)論你是一個(gè)純粹的圖像編輯界面設(shè)計(jì)師還是藝術(shù)總監(jiān)，你都應(yīng)該研究這些技術(shù)能做些什么。了解你的前端同事現(xiàn)在能做什么會(huì)讓你的工作更容易。

程序員們，他們就要開(kāi)始要求一些瘋狂的東西了。如果你還沒(méi)有的話，你也應(yīng)該研究一下。

分享名稱：淺析一個(gè)簡(jiǎn)單介紹內(nèi)在的網(wǎng)頁(yè)設(shè)計(jì)
URL標(biāo)題：http://www.bm7419.com/news41/48891.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、小程序開(kāi)發(fā)、Google、App開(kāi)發(fā)、網(wǎng)站收錄、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)