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

2016-10-09    分類: 網(wǎng)站建設(shè)

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

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

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

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

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

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

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

或者聽聽這個(gè)詞的創(chuàng)作者是怎么說的:

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

誰想出了這個(gè)?

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

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

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

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

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

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

當(dāng)前題目:淺析一個(gè)簡(jiǎn)單介紹內(nèi)在的網(wǎng)頁設(shè)計(jì)
URL分享:http://www.muchs.cn/news/48891.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)移動(dòng)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、企業(yè)建站、網(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í)需注明來源: 創(chuàng)新互聯(lián)

營(yíng)銷型網(wǎng)站建設(shè)