在某些情况下,每个行业都有它的术语和几乎它自己的语言。上帝知道网页设计有很多行话,即使我们编造的短语中有一半是花哨和无意义的职位。但是,由于不得不发明自己的词汇和缩略词,所以行话起着重要的作用:它使我们能够更高效地与其他设计师和开发人员进行沟通。
有时,(或多或少)提出一个概念的人可以命名它,就像使用响应式网页设计一样。[在这里,我在Ethan Marcotte摆脱了长期习惯的拳头。RWD是一件好事,但它让我头疼了一段时间。]有时候有人会出现并为我们已经做了一段时间的事情组成一个单词或短语,这就是(我相当确定的)发生在Web 2.0上。
内在的网页设计(你可以感谢Jen Simmons的这一行话)属于后一类。我们已经开始这样做了,但现在我们有了一个名字。我们认为写一个快速介绍这个概念是个好主意,因为它将成为未来网页设计对话的主要部分。
什么是内在网页设计?
它从Flexbox和CSS Grid模块开始。自从我们决定使用表格进行布局是不切实际的,我们一直在使用float属性,以及绝对和固定位置的健康剂量,以便在页面上放置任何我们想要的东西。这对我们来说工作得很好,但实际上它是一种黑客。
事实上,这是一系列黑客行为。然后我们开始整理CSS框架充满黑客。然后,一些非常错误的人开始使用JavaScript来编写他们充满黑客的CSS。几乎所有的网络都建立在hacky前端代码上,并且变得混乱。
这不是要批评以前的人的工作。使用hacky布局方法是完成任何事情的唯一方法。我们没有其他选择。现在我们做:Flexbox和CSS Grid是内置于CSS本身的布局方法。你可能会说,它们是媒介固有的。
得到它?你看到我…是的。无论如何。前面提到的CSS模块只是它的开始。CSS正在取得进展,我们拥有的工具可以正确地布局我们的设计,并且完全按照我们希望的方式进行布局,没有黑客,当然也没有JavaScript的帮助。能够最小程度地依靠黑客,技巧和外部库来创建我们想要的内容是Intrinsic Web Design所关注的内容。
或者听听这个词的创造者如何说:
我只是在谈论布局,布局本身和平面设计本身,已经发生了很大的变化,我想要一个新的单词,所以我们可以说,“哦,是的,那个新的东西”,它包括CSS Grid,但是它不只是关于CSS Grid。这也是关于使用Flexbox,以及重新发现Flexbox实际上的目标。
另外,它有时会使用一些浮点数,使用诸如CSS形状或对象拟合之类的东西,使用流量内容,使用多列。其中一些东西很旧,而且它们已经存在了很长一段时间,但它是关于整个系统布局的思考,以及如何以全新的方式将所有这些部分组合在一起。
换句话说,我认为内部网页设计是关于从受CSS限制的能力转变为由他们授权的转变。它开辟了许多令人兴奋的新的可能性。
谁来解决这个问题?
Jen Simmons。她是一名网页设计师和前端开发人员,曾与/ CERN合作:W3C,Google和Drupal等小型企业。她目前在Mozilla担任Designer Advocate,在会议上发表演讲,并主持和制作 The Web Ahead,这是一篇关于互联网未来发展的精彩播客。
她还在YouTube上托管布局区域频道。如果您想了解Flexbox,CSS Grid以及Intrinsic Web Design的其他构建模块,那么这些视频是一个非常好的信息资源。你还应该看看我上面引用的她的采访,她和Jeffrey Zeldman在那里详细讨论IWD和其他一些主题。
进入一个新的时代
随着设计师锁定这些想法,事情会变得疯狂,并开始弄清楚他们可以使用Flexbox和CSS Grid与我们已有的所有布局方法一起构建什么。我毫不怀疑,我们将看到新的或至少精致的布局想法的爆炸式增长。然后,JavaScript的坚果将会涉及,这将变得真正有趣。
非编码人员尤其应该关注内在网页设计的发展,正是因为它会改变,并且已经改变了网络上的可能性。无论你是严格的图像编辑UI设计师还是艺术总监,你都应该研究这些技术的功能。了解你的前端同事现在可以做什么将使你的工作更容易。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/261230.html