一个简单介绍内在的网页设计。

在某些情况下,每个行业都有它的术语和几乎它自己的语言。 网页设计有很多术语,即使我们编造的短语中有一半是花哨和无意义的职位,但是,由于不得不发明自己的词汇和缩略词,所以术语起着重要的作用:它使我们能够更高效地与其他设计师和开发者进行沟通。

一个简单介绍内在的网页设计

有时提出一个概念的人可以命名它,就像使用响应式网页设计一样。内在的网页设计属于后一类。 我们已经开始这样做了,但现在我们有了一个名字。 我们认为写一个快速介绍这个概念是个好主意,因为它将成为未来网页设计对话的主要部分。

什么是内在网页设计?

它从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将会涉及到,这将变得非常有趣。

非编码者尤其应该注意内在的网页设计,因为它会改变,并且已经在改变网络上的可能。无论你是一个纯粹的图像编辑界面设计师还是艺术总监,你都应该研究这些技术能做些什么。了解你的前端同事现在能做什么会让你的工作更容易。

程序员们,他们就要开始要求一些疯狂的东西了。如果你还没有的话,你也应该研究一下。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/216850.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月14日 01:34
下一篇 2023年2月14日 01:34

相关推荐

  • 网页设计很重要,如何让网站更加成功?

    网页设计很重要,特别是对于企业的运营很重要。因为现在企业要想得到更多的销售量,那么就必须抓紧网络营销市场,利用网页进行企业宣传。那么大家知道如何进行网页设计吗?下面那就必须注意以下几个方面。 第一点便…

    2019年8月23日
    0175
  • 如何让网站设计更有吸引力?试试霓虹色的特殊效果

    如何让网站设计更有吸引力?霓虹色最早兴起於上世纪80年代,虽然霓虹色带有复古的属性,但是本质上却是更加大胆醒目的现代风格设计。尽管如此,现实生活中的霓虹色所带来的效果却是参差不齐,尤其是网页设计运用中,…

    2022年6月25日
    0136
  • 我来分享网页设计的误区是什么。

    合理、简洁美观的网页设计就是对搜索引擎发出友好的信号,也方便蜘蛛爬行抓取。好的网页设计对用户而言是必不可少的,也可以说网页设计不仅要符合搜索引擎还要为用户量身定制一套网页设计方案,解决不良体验度,这…

    2023年6月13日
    00
  • 10个关于网页设计的精彩案例。

    对于大多数网页设计师来说,任何一个网页项目的第一阶段都是线框图。它允许设计师精确地绘制出网页的结构如何工作,以及导航、表单和内容部分等重要元素的总体布局方向。每个设计师都有自己独特的方法来产生这些线…

    2023年2月14日 SEO操作
    06
  • 什麽是进程类型的进度条

      一般需要以动态的形式呈现,表明页面正在忙於某些功能。这类型的进度条非常的常见,用户也相当的熟悉。常见的有loading的进度条、下载进度条等均属於这种。 对於使用这类型的进度条来说,有以下两个特点 説…

    2022年6月25日
    0116
  • 网页设计技巧:常见的排版布局分割技巧

    随着各种各样风格的网站不断出现,网页布局已不必再拘泥於固定格式。大多数网站都会把内容安排到多个列中,想杂志或报纸那样,当然也有不少搞个性化,创出新意。但无论选择哪种布局方式,都不能够忽视页面的用户体…

    2022年6月25日 建站资讯
    0761
  • 小编分享网页设计需要了解的十大SEO规则。

    搜索引擎优化(seo)是任何网站的一个重要组成部分。作为网页设计师或博主,你必须了解 SEO 是如何工作的。这里有十个简单的规则可以立即改善你网站上的搜索引擎优化。 规则一:不要作弊 忽略任何关于欺骗搜索引擎的…

    2023年6月13日
    00
  • 如何确定网页的设计宽度?详解网页宽度设计规格。

    PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域,对于怎么进行基本的画布创建,规格设置,都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习 UI 知识,它并不是一个合理的现象。接下来…

    2023年3月1日 SEO操作
    04

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息