网络
介绍网站速度测试图像分析工具
Web 开发人员每天都在编写超文本，但是，按字节计算，大多数 Web 都是由图像组成的。 图像对一般网页性能的影响怎么强调都不为过。 更快的网站具有更广泛的影响力和更高的影响力。 要**提高网站图像的性能**，您可以做的第一件事也是最重要的事情是弄清楚如何衡量它们。 输入_Website Speed Test_，这是一个免费且非常简单的工具，它利用我们（Cloudinary）的图像智能让您测量、诊断和（至关重要）交流任何网站的图像性能。 更好的是，它建立在 Pat Meenan 的 WebPagetest 之上并集成在其中。 感兴趣的？ 继续阅读！
阅读更多我们如何构建 iOS 应用程序来拍摄 3D 视频（案例研究）
在本文中，Evgeny Khrolenok 和 Igor Mikheiko 分享了他们在开发应用程序以帮助人们创建自己的 3D 立体视频时的经验教训。
阅读更多在 Markdown 中使用 Shadow DOM 构建模式库
有些人讨厌写文档，而另一些人只是讨厌写作。 我碰巧喜欢写作； 否则，您将不会阅读此内容。 我喜欢写作很有帮助，因为作为一名提供专业指导的设计顾问，写作是我工作的重要组成部分。 但我讨厌，讨厌，讨厌文字处理器。 在编写技术 Web 文档时（阅读：[模式库](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)），文字处理器不仅不听话，而且不合适。 理想情况下，我想要一种允许我包含内联文档的组件的编写模式，除非文档本身由 HTML、CSS 和 JavaScript 组成，否则这是不可能的。 在本文中，我将分享一种在短代码和影子 DOM 封装的帮助下，在 Markdown 中轻松包含代码演示的方法。
阅读更多左手刷刻字：如何开始
刻字和书法正迅速成为设计师工具箱中所需的技能。 Marian Bantjes、Jessica Hische、Sean Wes 和 Martina Flor 等设计师，仅举几例，不仅成为我们其他人的灵感，而且成为标准。 他们的工作不仅以客户为基础； 他们也通过向追随者提供产品而成为自己的品牌。 其他设计师也纷纷效仿，现在似乎刻字和书法无处不在。
阅读更多当大还不够大时：使用英雄图像进行设计
当用户访问您的页面时，他们会感受到某种反应。 无论是积极的还是消极的，这种反应在很大程度上取决于他们所看到的。 因为**视觉可能是人类最强烈的感觉**，所以英雄形象是吸引用户注意力的最快方式之一。 大胆、图形和有意的图像吸引用户。 它立即吸引用户，并成为极简应用或网站的完美核心。 英雄形象不仅仅是一张漂亮的照片。 这是一个强大的沟通工具。 在本文中，我将为您提供一些使用英雄图像的技巧。 此外，如果您想开始尝试制作原型并以不同方式制作您自己的设计，您可以免费下载和测试 _Adobe XD_。
阅读更多继续滚动！ 如何设计冗长的页面
长或 [无限滚动](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) 的网站最近变得越来越普遍，这不仅仅是趋势或巧合。 长滚动技术允许用户在没有任何中断或额外交互的情况下遍历内容块——信息只是在用户向下滚动页面时出现。
阅读更多使用 CSS Poly Fluid Sizing 的流体响应式排版
多年来，流体布局一直是前端开发的正常部分。 然而，流体排版的想法相对较新，尚未得到充分探索。 到目前为止，大多数开发人员对流体排版的想法只是简单地使用视口单元，可能具有一些最小和最大尺寸。 在本文中，我们将把它提升到另一个层次。 我们将研究**如何使用支持良好的浏览器功能和一些基本代数跨多个断点和预定义字体大小创建可扩展、流畅的排版**。 最好的部分是您可以使用 Sass 将这一切自动化。
阅读更多