Mina Markham 关于如何将大型复杂代码库重构为一个敏捷设计系统，随着时间的推移慢慢进行。

如果你没有足够幸运能够从头开始一个新的设计系统，你可以从小处着手，从单个功能或组件开始。 每个新项目都会带来一个新的机会来完善系统的新部分，以及另一个潜在的案例研究，以确保买方参与并展示其价值。 确保在构建系统的每个新部分时，仔细彻底地记录它。 在几个项目之后，你会发现自己已经为设计系统奠定了良好的基础。

继续阅读 →

Studio 是 InVision 团队将在 2018 年 1 月推出的新设计工具的名称，它看起来有很多很棒的功能，其中共享组件库是我最感兴趣的功能之一，我迫不及待地想要仔细研究一下。 另外，我相信它将与 InVision 的现有工具和应用程序很好地集成在一起，使原型制作变得更加容易。

Julie Zhuo 回应经典的“我该怎么做才能继续成长？”

我坚信的一件事是，如果你在寻找课程，每个人都可以教你一些东西。 这些人不必是公司里的其他设计师！ 成为优秀的产品设计师有很多途径。

她列出并解释了

• 从用户那里学习
• 向拥有不同技能的人学习
• 边做边学

我有一篇草稿博客文章叫做“技术书籍是补充性的”，我从 2011 年就开始写，不知何故一直没有完成。 总有一天！ 正如你所想，我在文章中试图阐明的一点是，技术书籍只是学习蛋糕中的一块。

我最近玩了更多班卓琴，努力尽我所能升级。 你知道这需要什么吗？ 参加聚会。 在 YouTube 上观看人们演奏我想学的歌曲。 寻求建议。 听大量的录音。 伴随着这些录音演奏。 购买和阅读有关该主题的书籍。 在网上查找标签。

很好地学习事物需要从各个方面入手。

Chris Krycho 写了一篇很棒的文章，讲述了我们这些善变的网页开发者有时会将出现在一个浏览器中的功能混淆为“网络的未来”。 然而，Chris 认为，我们应该关心不止一种浏览器的网络愿景。

没有一家公司能够在制定网络议程方面主导其他公司。 Firefox 也不行，尽管我很关心 WebAssembly 的开发和宣传，但它并不行。 微软和 IE/Edge 团队也不行，尽管我很伤心它拖延了这么久，但他们 2011 年提出的 CSS 网格规范建议也不行。 苹果也不行，他们的并发 JavaScript 推介也不行。 即使 Chrome 的开发人员关系团队再好，它也不行，因为它一直在尝试的许多想法，包括 PWA 也不行。

同样值得注意的是，这些决定在几乎所有情况下都不是对“网络的未来”的纯粹推动。 它们反映了商业优先级，就像任何其他技术优先级一样。

继续阅读 →

Videoblocks 正在快速增长，拥有超过 115,000 个库存视频、After Effects 模板、运动背景等等！ 凭借其用户友好的网站、庞大的素材库和新鲜的内容，你所能做的一切都没有限制。 所有内容完全免版税。 你下载的所有内容都是你的，可以永久保留和使用！ 现在，你可以获得 7 天的免费下载。 每天最多下载 20 个视频，持续 7 天。 那就是 7 天内 140 次免费下载。 点击进入，看看你的想象力将把你带到哪里！

是的，我们现在经常看到浏览器更新，你可能已经注意到了这一点。 除了流畅的新 JavaScript 功能外，Chrome 63 中还有一个新的 CSS 更新，很容易被忽视，但值得一提。

Chrome 63 现在支持 CSS overscroll-behavior 属性，从而轻松覆盖浏览器的默认溢出滚动行为。

继续阅读 →

这个演讲由Miriam 在去年夏天的 DjangoCon US 上发表，不仅做得很出色，而且对 CSS 布局工具的当前和未来发展方向进行了深刻的见解。

继续阅读 →

作为Remy Sharp 认为 jQuery 仍然相关的论据的一部分，这个令人难以置信的使用数据

我一直在玩BigQuery 并查询HTTP 档案 的数据集…… 我查询了 HTTP 档案，其中包含排名前 20 位的 [JavaScript 库]…… jQuery 占网络网站上发现的库的 83%。

这证实了其他研究，比如W3Techs

jQuery 被我们知道 JavaScript 库的所有网站的 96.2% 使用。 占所有网站的 73.1%。

以及BuiltWith 显示它占他们观察到的前 1,000,000 个网站的 88.5%。

即使不考虑 jQuery 的功能，已经知道它的人数以及围绕它的大量资源，是的，jQuery 仍然相关。 人们也没有停止教授它。 实际上是在学校，还有像 David DeSandro 的Fizzy School 这样的课程。 更不用说我们自己也有。

虽然那些漫不经心的反对者和普通的 JavaScript 愤世嫉俗者对轻率地否定它感到反感，但我也可以从他们的角度理解。 我会用 jQuery 启动一个全新的大型项目吗？ 不会。 用 jQuery 做一个大型项目太久很容易陷入困境吗？ 是的。 我是否仍然在秘密地感觉用 jQuery 敲出快速代码最舒服？ 是的。

有了合适的工具和一些简单的软件，你的 WordPress 开发工作流程会变得非常令人愉快（而不是困难）！ 这就是为什么我们创建了Flywheel 的 Local，我们免费的本地开发应用程序。

现在，我们发布了Local Connect，这是一个嵌入应用程序中的很棒的功能，它为你提供了与Flywheel（我们的 WordPress 托管平台）的推送拉取功能。 不需要再麻烦地下载、上传和导出。 将这些平台配对，只需点击几下即可将本地网站发布到线上，将网站拉取下来进行离线编辑，并简化工具，使流程变得更加简化！ 点击此处免费下载 Local 并开始使用！

继续阅读 →

Colin Bendell 在这篇关于网络上动画图像演变的出色文章中，写了关于Safari Technology Preview 中一个新的、非常奇怪的补充内容。 他解释了我们现在如何可以将 MP4 文件直接添加到 img 标签的源代码中。 代码看起来像这样

<img src="video.mp4"/>

这个想法是，该代码将呈现一个带有循环视频的图像。 正如 Colin 所述，这提供了许多性能优势

动画 GIF 是一种黑客手段。 […] 但它们已经成为电影图片、模因和创意表达的强大工具。 然而，所有这些很棒的功能都有代价。 动画 GIF 对网络性能非常不利。 它们的大小非常大，会影响手机数据流量，需要更多 CPU 和内存，会导致重绘，而且会耗电。 通常，GIF 比 H.264 视频文件大 12 倍，在浏览器中加载和显示它们需要消耗 2 倍的能量。 而且我们花费了所有这些资源去做一些看起来并不好的事情——GIF 的 256 色限制经常会导致 GIF 文件看起来很糟糕……

通过在 img 标签中启用视频内容，Safari Technology Preview 为创建很棒的 GIF 类体验铺平了道路，而无需 GIF 文件带来的糟糕性能和质量成本。 这种功能对于用户、开发人员、设计师和网络来说都是非常棒的。 除了这种变化带来的巨大性能提升之外，它还开辟了许多新的用例，媒体和电子商务企业多年来一直渴望实施这些用例。 希望其他浏览器能够尽快跟上。

这看起来像是一个奇怪的黑客手段，但在反复思考之后，我明白了这是一种多么简单而优雅的解决方案。 这也意味着其他浏览器将来可能也不需要支持 WebP。