晋城网站建站:Web设计人员需要知道什么?

2019.07.02 晋城网站建设

156

微软的InternetExplorer是互联网上最大的迷因之一。这也是许多网页设计师的祸根,因为新引入的技术根本不受支持。当微软将IE更名为MicrosoftEdge时,人们希望那些日子已经结束了。默认的Windows浏览器可以很容易地采用现代技术,而Web将拥有一个体面的标准平台。没发生过。然而,2018年末,MS宣布这一情况将发生变化:EDGE公司采用铬引擎作为基础。.

微软边缘铬?有什么大不了的?

在撰写本文时,您可以下载边缘预览生成包括铬基。这是一个开发基地,不是作为一个浏览器的日常驾驶,但对于那些只是渴望摆脱现有的边缘,你可以。不过,在早期阶段,它是非常赤裸裸的。随着2019年的进展,OEM浏览器将按正常更新,包括铬。

太棒了。但你问我有什么大不了的?嗯,答案是三倍。

1.微软正在拥抱开放源码

最近,我们看到许多迹象表明,微软已经从过去的专有模式转向了开源软件领域。自从他们买了以后,他们就一直朝这个方向走。GitHub开始改进原子代码编辑器,也许最重要的是发布了VisualStudio代码,可能是目前开发人员中最受欢迎的编辑器。此外,他们的VisualStudioIDE已经作为免费下载发布了,如果VS代码还不够强大的话。

将Edge添加到开源领域只会为消费者带来更强大的产品。微软在这个声明中说得很好。

我们还开始在可访问性、触摸、ARM 64等领域对铬做出贡献。我们的计划是继续在铬中工作,而不是创建一个并行项目。我们正在与谷歌的团队直接合作,我们期待着与开源社区进行更多的合作。

很高兴听说微软正在与谷歌合作开发Chrome,而不是为了自己的目的而分叉。随着项目的推进,Chrome和网页设计作为一个整体将变得更加健壮和开放。

2.碎片化程度低,特点多

正如我们前面提到的,采用铬的Edge最终将带来以前被排除在浏览器之外的特性和技术。对于用户来说,这意味着几乎所有网站都会有更好的体验。只要工作而不是接收错误消息或崩溃。对于开发人员来说,这意味着他们的工作不会让用户崩溃,而且他们的时间可以花在新项目和更好的产品上,而不是修补和安装Hackey解决方案,以便在IE/Edge上工作。

这就是为什么我们要升级微软的边缘铬。他们有明文规定他们的目标是“为我们的客户创造更好的网络兼容性,为所有的Web开发人员减少网络的碎片化”。

减少支离破碎只是意味着更一致地使用网络。这也意味着用户可以(希望)使用扩展和加载项没有开发人员额外的工作。

我们确保他们在没有额外工作的情况下在Edge浏览器中看到同样的兼容性。

对于那些因为安全问题和隐私不足而想选择不使用Chrome的人来说,这个消息是巨大的。这些人仍然希望在网络上拥有最好、最一致的体验。因为碎片是最小的,所以安全性提高了,因为错误和漏洞是特定于平台的可能性大大降低了。

3.网页设计师获得自由

在此之前,网页设计师在很多方面都受到了限制。虽然你们中的许多人都发挥了自己的魔力而不一定限制自己基于IE,但您的客户的访问者可以非常容易地控制您的项目范围。

Web设计人员和开发人员的主要选择

随着Chrome的采用,Web开发和设计的世界正在大量开放,我们只想提到一些开放式的东西,您可以利用这些东西,而不必为之创造解决办法或完全避免。css-Tricks有一个详尽的前端开发人员可以期待,但这些是一些亮点。

背景-混合模式css工程

晋城网站建设

梯度和双子座现在很热很流行。使用它们的最简单方法之一是背景-混合模式CSS。在此Chromium版本的Edge发布之前,其效果将不会在Microsoft浏览器上呈现。不管你混在一起的是什么图像,它都是完全彩色的,很可能会破坏你所融合的整个氛围。这已经不是问题了。如果您使用像Divi这样的页面构建器,您会很高兴知道其中包含的混合效果将呈现也是如此,除非您绝对愿意,否则您将不必深入到样式表中。

边缘理解带有透明度的十六进制颜色编码(最后)

因此,这并不是一个令人惊奇的新功能,因为它是一个生活质量的全面提高。对一些人来说,这可能根本不重要。那些人不介意把颜色写成RGBA(255,255,255,.45)而不是#ffffff 45..如果你(和很多人一样)喜欢六角色,那你就走运了。您最终将能够开始使用您喜欢的样式,并保持样式表的组织和整洁。

基本上,您可以在用此更改在Edge中呈现的十六进制中包含透明度(请注意45在上面的例子末尾,表示45%的透明度),这意味着不再混合匹配CSS。就像我们说的,这是一个生活质量的特征。

面向文本和书写模式的css将呈现

先进的CSS技术从来都不是Edge的强项。事实上,这并不是它的弱点。它根本不在边缘的壁橱里。如果您是那种想要利用高级CSS的开发人员,而这种高级CSS甚至超出了Divi这样的页面构建器所能做的范围(当然,这并不多),那么MicrosoftEdge和InternetExplorer一直让您感到沮丧。因为他们只是不会处理一些事情。在过去,铬就在引擎盖下,我们最喜欢的效果之一(技术上来说,有两种)是文本导向/书写模式.

我们做了一段时间后横向和垂直文本..在此更新之前,以下代码(因此在POST中的效果)无法在Edge中显示。

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.sideways-text {
transform: rotate(90deg); /* makes entire paragraphs and lines rotate sideways */
}
  
.vertical-yellow {
text-orientation: upright; /* makes individual characters stand upright, not whole lines like transform: rotate */
writing-mode: vertical-lr; /* continues left-to-right at line break */
color: yellow;
font-size:2rem; /* this will make the body text twice the relative size of the default set for the whole site */
line-height: 200%; /* line height is VISUALLY line-width when it's vertical */
text-transform: uppercase;
font-family: monospace; /* this just pretties up the whole deal, making all characters the same width */
}
  
.vertical-white {
text-orientation: upright;
writing-mode: vertical-lr;
color: white;
font-size:2rem;
line-height: 200%;
text-transform: uppercase;
font-family: monospace;
}

让我们感到高兴的是,这些影响和先进技术不再受到那些大国的阻碍。

标准书签导入和扩展

晋城网站建设

是的,你读对了。EDGE将支持扩展。而且Edge只需一次点击就可以从Chrome导入您的书签。这不仅使交换更容易,如果您计划使它,而且它让您访问相同的强大工具,您已经在使用。

许多网页设计师使用扩展来使他们的生活更容易。也许它是一个颜色滴流器,这样你就可以从一个网站(你现在也可以在Edge上使用),或者用一个尺子来获得合适的大小或者一个字体抓取器来获取完美的颜色。也许你有清单上的每一件事安装好了,你不想仅仅因为这些而离开Chrome。

现在你可以了。

Microsoft Edge Chromium Engine

因为即使Edge是基于铬的,它也不是..它仍然是微软的产品,这意味着你将获得他们一直在重建他们的声誉的软件的质量。不是谷歌的中档代表。

将网站保存为HTML

在Chrome升级之前,您无法将网页保存为HTML。右键单击上下文菜单是…。至少可以说是有限的。

edge cannot download websites as html

对于铬引擎来说,情况就不再是这样了。最后,你得到了一个真正的上下文菜单。

Microsoft Edge Chromium Engine

只需按“另存为…”你可以得到该网站的本地副本来检查和玩玩,这样你就可以确保每个元素都是正确的。

Microsoft Edge Chromium Engine

说到元素,它们应该是怎样的…

EDGE最终允许页面检查

Microsoft Edge Chromium Engine

这对网页设计师来说是个大问题。以前在Edge中工作几乎是不可能的,这不是因为缺乏特性支持(尽管这很重要),而是因为您无法深入挖掘并检查单个元素来调试和排除任何问题。你不能很好地调整和微调你的工作,因为你实际上不能很容易地访问你的工作。

情况已不再如此。所以网页设计师很高兴。您最终可以使用JS控制台,播放CSS样式表,并对元素进行戳和戳,直到您满意为止。

私人浏览在这里

Microsoft Edge Chromium Engine

几乎所有的浏览器都允许您在一个干净的、没有历史记录的私有窗口中运行页面。除了边缘。再一次,有了Chrome,设计师们就可以打开他们的作品,看看它是如何呈现给用户的,不需要注销、清除缓存和cookie,并且可以跳过十几个循环。我们现在可以访问InPrivateWindows,这些窗口在功能上与Chrome的“隐秘”选项卡完全相同。只要按一下,你就到了。

Microsoft Edge Chromium Engine

能够立即测试一个干净的设计对于需要使他们的工作像素完美的网页设计师是必不可少的。这个特性限制了很多设计师在Edge中工作,特别是因为不使用私有窗口太麻烦了。如果你是那种每天都会打开几十个的设计师,你可能会对Edge适合你的工作流程感到惊讶。

还有更多

这只是冰山一角。而这只是一个小样本的功能,将铬带入边缘将使网页设计师访问。

  • 平()

    平面图()

    将在边缘支持
  • 动态JavaScript模块可以导入(最后)
  • 用CSS设计占位符文本的样式
  • 展示:内容

    现在可供css网格和柔性盒用户使用。
  • Text编码器

    TextDecoder

    将使展示牲畜的效果更好

基本上,你可以这样想:Chrome能做的事,Edge也能做..这不是个好主意吗?

Microsoft边缘铬特性

微软不只是拿着Chrome,用它来代替Edge。他们也在里面添加了自己的功能.

1.铬的安全性

用户将确保他们受到与Chrome用户相同的安全措施的保护(尤其是那些通过扩展)。此外,微软正在为浏览器引入一套新的安全措施和跟踪阻止程序。用户将能够设置自己喜欢的保护级别,从零到非常严格的锁定。微软表示,他们希望为用户提供清晰、简便的隐私保护。对于用户来说,许多安全解决方案似乎过于复杂,而且由于Edge的普遍存在,这是一个很好的步骤。

2.新收藏品

此外,ChromiumBase将允许MS引入一个他们称之为“集合”的功能,用户可以(很明显)从互联网上收集内容,包括文本和图像,这样他们就可以共享和管理内容。他们正在使用铬基来保存手头的材料来源,并将其导出到MS Office套件中,并维护数据结构以供以后的操作。

3.IE仿真

然后是PIèce de Rsistence*一个InternetExplorer模拟器内置。是的,你读对了。新的微软边缘铬将内置IE。这听起来可能有点落后,但实际上是一件美丽的事情。切换到Chrome之后,Edge摆脱了IE的限制,让开发者和用户有了更好的体验。但是那些设计好的旧址特别是为IE?好吧,那会坏掉的。许多企业仍然使用IE,因此有一个内部仿真器来渲染这些应用程序和页面,这意味着企业在升级时不会犹豫,因为它们的工作流程或服务不会中断(或者还需要额外的培训或升级)。这是过渡团队真正出色的做法。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP