释放HTML5和CSS3的潜力

HTML5和CSS3的发布简直就是一个渐进式的飞跃,但很少有设计师充分利用该技术提供的新功能。 在某种程度上,这是因为HTML5和CSS3的全部潜力被忽略了,因此人们继续开发或多或少相同的网站,只是在编码方面存在细微差别。

这没有什么特别的错误,但HTML5和CSS3可以为您提供许多东西,您可以利用这些东西来创造比以往更多的惊人创作。

不要忽略画布

掌握canvas对象是新HTML5编码器最难完成的任务之一,特别是当该编码器以前在其他版本的HTML中编码并且没有计算机图形编程背景时。

学习使用画布对象,即使你很少打算做任何绘图,也是一项宝贵的技能,每个认真的程序员都应该花时间学习。 它可以用于各种各样的事情,包括创建动画信息图表,幻灯片,图表(包括交互式图表),以及更多。

插图礼貌

使用画布只需要在HTML5中创建对象然后用JavaScript填充它。 所涉及的技术是另一天的主题,但您已经可以在此网站上找到一些有助于您入门的教程。

你不再需要Flash了

我们之前使用Flash的大部分内容都不需要Flash。 现在,您可以使用CSS3过渡,HTML5绘图,HTML5动画,HTML5视频和HTML5音频完成所有操作。

我们在FlashX允许你做的HTML5中没有做的唯一事情是监视你的用户并侵犯他们的隐私,但这不是你想要做的事情,不是吗?

大多数用户发现Flash非常烦人,尽管大多数用户也勉强将其安装为不可避免的必需品。 直到与Flash相关的严重安全风险和隐私问题使得它现在成为大多数用户根本不安装的东西,或者仅在他们想要执行的任务严格要求的情况下根据具体情况激活。 。

CSS3为您提供了新的伪类

CSS2中有一些伪类,但使用CSS3,您可以使用重要的位置伪类来获得更多控制。 主要是它们与文本一起使用,因为伪类名称表示:之前,之后,第一个字母,第一行......

您还可以访问转换,这些转换可用于修改任何内容,包括文本。 这些过渡动画或转换用户在屏幕上看到的内容。

您的网页可以直接与GPU通信

你应该谨慎行事,因为任何类型的硬件加速都会耗尽移动设备的电池寿命,但你可以做到这一点仍然很酷。

当您使用转换,3D转换,3D模式下的画布和WebGL 3D时,GPU加速会起作用。 后者是我的最爱,但你需要做大量的阅读才能掌握WebGL中涉及的所有内容。 但是,它将为您创建动画和游戏提供很多空间。

GPU加速不适用于旧版浏览器,即使它们支持HTML5和CSS3。

gif礼貌

使用游戏引擎从3D图形中解脱出来

游戏程序员一直在使用游戏引擎,以使游戏编程的任务变得更加简单,但只有在过去的一两年内才能出现真正有能力的HTML5游戏引擎才能完成创建高质量3D游戏的任务。基于浏览器的环境。

其中最简单的入门之一是PlayCanvas,尽管它可以免费试用并且非常便宜,但它并不轻巧。 这里的 落下,一个在PlayCanvas中创建的游戏:

这是 RoboStorm:

你能创造这样的游戏吗? 绝对,现在比以往任何时候都容易得多。

对于复古游戏建筑体验,请尝试 Construct2 or Construct3。 它拥有您在拖放的基础上开始创建游戏所需的一切(尽管有些人会发现这种限制太多)。 您可以在线创建游戏,人们可以在线玩游戏。 对于那些不懂编程但又不想学习的人来说,它是一个引擎。

这里的 新西兰故事,一个在Construct2中创建的老式3D平台游戏:

您不仅限于使用这些引擎进行游戏。 要制作完整的电影和演示文稿,最好使用 混合器 or 玛雅对于专用于特定平台的游戏,使用专用于该平台的本机编程环境通常会更好。 对于跨平台互动游戏,讲故事,教育软件或演示文稿,HTML5引擎是一个很好的选择。

HTML5和CSS3为您提供更强大的功能

使用HTML5和CSS3,您现在可以完全控制页面上显示的每个元素,包括以几乎任何方式操作每个对象的能力。

虽然基本的构造单元仍然是矩形,但您的网站不再需要遵循矩形线性。 你可以把东西放在你想要的任何角度,旋转它们,倾斜它们,扭曲它们并弯曲它们,你的网页浏览器不会抱怨。

您现在还可以比以前更轻松地控制不透明度和缩放,这些技术适用于所有主流浏览器。

截至2018早期编写时,不同浏览器之间存在一些缩放问题,一些浏览器能够准确缩放,而另一些浏览器则为同一页面提供截然不同的结果。

这意味着至少就目前而言,如果我们想要使用缩放以实现响应目的,我们仍然不得不编写不同版本的站点。

幸运的是,您很少需要这样做,但有时在屏幕上安装一些内容,无论屏幕多小都是您的主要目标。 在这些情况下,不同浏览器缺乏标准化扩展仍将是一个问题。

尽管如此,这些问题不是HTML5或CSS3问题,它们是浏览器开发人员无法正确支持HTML5和CSS3提供的功能的问题。

随着时间的推移,我们应该看到浏览器的改进,一切都将按预期工作。 到那时,可能是时候开始学习HTML6和CSS4,但至少它是朝着正确方向迈出的一步。

标题图片由...提供

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。