一個簡單介紹內在的網頁設計

發布時間:2018-06-07 18:40:55訪問人數:作者:素馬

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


有時提出一個概念的人可以命名它,就像使用響應式網頁設計一樣。內在的網頁設計屬于后一類。 我們已經開始這樣做了,但現在我們有了一個名字。 我們認為寫一個快速介紹這個概念是個好主意,因為它將成為未來網頁設計對話的主要部分。


什么是內在網頁設計?

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


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


這不是批評以前來的人的工作。使用hacky布局方法是完成任何事情的唯一方法。我們沒有其他選擇。現在我們要做的是:Flexbox和CSS網格是構建在CSS本身中的布局方法。你可能會說,它們是媒介的固有屬性。


前面提到的CSS模塊只是它的開始。CSS正在發展到我們有足夠的工具來正確地布局我們的設計,我們想要它們如何被布局,沒有任何黑客,當然也沒有JavaScript的幫助。能夠以最小程度的依賴于黑客、技巧和外部的庫來創建我們想要的東西,這是內在Web設計的一部分。


或者聽聽這個詞的創作者是怎么說的:


換句話說,我認為內在的Web設計是關于從受CSS能力的限制到被它們賦予的能力的轉變。它打開了許多令人興奮的新可能性。


誰想出了這個?


Jen西蒙斯。她是一名web設計人員和前端開發人員,曾為CERN (CERN: W3C、谷歌、Drupal和其他小型企業)工作過。她現在是Mozilla的設計師,在會議上發言,主持和制作網絡,這是一個關于互聯網未來的精彩播客。


她還在YouTube上主持布局陸地頻道。如果你想了解關于Flexbox, CSS網格,以及其他內部網頁設計的構建模塊,這些視頻是一個非常好的開始。你也應該看看我上面引用的她的采訪,她和杰弗里·澤曼在這里討論了IWD和其他很多話題。


進入一個新時代


當設計師們開始關注這些想法時,事情就會變得很瘋狂,并開始找出他們能用Flexbox和CSS網格與我們已經擁有的所有布局方法一起構建什么。我毫不懷疑,我們將看到新的,或者至少是細化的布局理念的爆炸式增長。然后JavaScript將會涉及到,這將變得非常有趣。


非編碼者尤其應該注意內在的網頁設計,因為它會改變,并且已經在改變網絡上的可能。無論你是一個純粹的圖像編輯界面設計師還是藝術總監,你都應該研究這些技術能做些什么。了解你的前端同事現在能做什么會讓你的工作更容易。


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


贊+1
分享:

版權:【注明為本站原創的文章,轉載請注明出處與原文地址!本站部分轉載文章能找到原作者的我們都會注明,若文章涉及版權請發至郵箱:[email protected],我們以便及時處理,可支付稿費。向本站投稿或需要本站向貴司網站定期免費投稿請加QQ:957505575】

本文標簽:網頁設計、內在網頁設計、界面設計、程序員、WEB設計、前端開發
上一篇
下一篇
SEO按天計費
域名注冊
網站建設

助君網絡 Copyright ? 2012-2018. 未經許可,不可拷貝或鏡像  滬ICP備17004436號

友情鏈接:
  • QQ
  • 電話
  • 首頁
  • 留言
  • 返回頂部
  • 白小姐6合规律