网络
Flexbox 阅读清单：技术和工具
Flexbox 让我们对我们的 [layouts](https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/) 提供了一种新的控制方式，使编码挑战变得非常困难或者不可能仅用 CSS 直接和直观地解决。 它为我们提供了构建**灵活的网格**并了解[动态内容]的方法（https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/)，因此，我们可以自由地专注于创建过程，而不是对布局进行破解。 为了让您抢先了解 Flexbox，并为您提供有关如何使用它来应对常见编码挑战的想法，我们收集了**提示、技巧和工具**，帮助您充分利用它的强大功能。 该列表绝不是完整的，但包括我们认为有用且有用的资源。
阅读更多使用 Jekyll 进行内容建模
这并不是一个全新的主题，但最近我有理由重新审视我团队工作中的内容建模技能。 我们的经验已经达到了我们练习方式的局限性开始变得清晰的地步。 我们最常见的问题是**人们倾向于将自己和他们的心智模型与所选平台及其约定联系起来。 我们没有教人们如何建模内容，而是教他们如何在 Drupal 中建模内容，或者如何在 WordPress 中建模内容。 但我更希望我们从关注用户的最大利益出发，**不管哪个平台**都说内容最终会出现。
阅读更多拦截的艺术：超越“你想参加调查吗？”
Maxwell 是一家设计公司的研究员，该公司正在开发一款移动支付应用程序。 他想了解更多有关用户当前如何与销售点终端交互的信息。 Maxwell 联系当地杂货店以协调时间以**在客户结账时观察他们**。 然后，他要求每五名结账的顾客完成一份简短的调查。 作为招募研究参与者的一部分，麦克斯韦正在从事_拦截_。
阅读更多高影响力、省力的跨浏览器测试
跨浏览器测试既费时又费力。 这反过来又使它变得昂贵并且容易出现人为错误……所以，自然地，我们希望尽可能少地做它。 这不是我们应该感到羞耻的说法。 **开发人员天生就是懒惰的**：坚持 DRY 原则，编写脚本来自动化我们原本必须手动完成的事情，利用第三方库——懒惰是我们成为优秀开发人员的原因。 传统的跨浏览器测试方法与这些理想并不相符。 您要么半心半意地尝试手动测试，要么花费大量精力“正确”地进行测试：在您的受众使用的所有主要浏览器中进行测试，逐渐转向更旧或更晦涩的浏览器，以便说出您'已经测试了他们。
阅读更多为响应式设计创建内容线框
当我在 2011 年到 2012 年期间学习响应式网页设计课程时，我一直在线框图的过程中磕磕绊绊。 我的学生倾向于将线框视为规划过程中的最终游戏。 他们不明白响应式设计关注的是用户如何访问内容。
阅读更多为 HTTP2 做好准备：Web 设计师和开发人员指南
详细了解适用于 Web 设计人员和开发人员的 HTTP/2 基础知识。 我们将了解新协议的关键特性、浏览器和服务器兼容性，并详细说明随着我们看到更多采用 HTTP/2 时您可能需要考虑的事项。
阅读更多您需要了解的有关 Google 加速移动页面的所有信息
2015 年 5 月，Facebook 推出了新的应用内发布平台，[Instant Articles](https://instantarticles.fb.com/)。 一个月后，Apple 宣布在 iOS 9 中，旧的 [Newsstand](https://en.wikipedia.org/wiki/Newsstand_(application)) 体验（本质上是一个充满新闻应用的精美文件夹）将在 iOS 9 中被品牌取代名为 [Apple News](https://www.apple.com/news/) 的新新闻聚合和发现平台。 四个月后，轮到 Google 宣布了自己的计划，虽然有点迟，但雄心勃勃，计划通过一个名为 [Accelerated Mobile Pages](https://www.ampproject. org/) 或 AMP。 在短短几个月内，我们看到相对平静的移动数字出版爆发了另一场全面的平台战争，Facebook、苹果和现在的谷歌都在争夺出版商的忠诚度和读者的注意力。
阅读更多