它是一个扩展

每个容器单独存储 Cookie，因此您可以使用不同的帐户登录到同一站点，并且在线跟踪器无法轻松连接浏览。

如果你问我，这是一个很棒的功能创意。例如，我有两个Buffer帐户，我的解决方案是完全使用不同的浏览器来保持登录状态。我知道很多用户更喜欢Notion、Front和Twitter等应用程序的浏览器版本，如果你需要在同一站点上使用多个帐户登录，并且无需使用奇怪的技巧，那么能够做到这一点非常酷。

这是浏览器在 UI/UX 功能而不是 Web 平台功能上进行竞争，这是一件好事。相关：Opera Neon 和 Refresh。

Amberley Romo 阅读了大量关于 PWA 的信息，以便形成自己扎实的理解。

“渐进式 Web 应用”（PWA）既是构建网站的新理念的通用术语，也是具有既定的一组三个明确的可测试的基准要求的特定术语。

作为一个通用术语，PWA 方法的特点是努力满足以下一组属性

1. 响应式
2. 连接独立
3. 类似应用程序的交互
4. 新鲜
5. 安全
6. 可发现的
7. 可重新参与的
8. 可安装的
9. 可链接的

monday.com 是一款团队管理工具，非常适合任何行业部门和任何规模的团队。它可以完美地服务于两个人的团队或遍布全球的数百人的团队，并且可以同时管理多个项目。

monday.com 促进轻松协作和透明度，它“速度极快”，它以多达 20 种不同的颜色显示状态，并且其状态板可以自定义以满足您的需求和工作流程。

它可以作为一种极好的替代方案，无需强迫您的工作适应项目管理工具或系统的要求。

Mandy Michael 做了一个很棒的技术类比。提醒一下，TypeScript…

利用静态类型，例如，您可以在编写代码时为变量指定类型，然后 TypeScript 在编译时检查类型，如果变量被赋予不同类型的值，则会抛出错误。

换句话说，您有一个名为 age 的变量，您将其声明为 number 类型，则 age 的值必须保持为数字，否则 TypeScript 会报错。这种类型检查是一件有价值的事情，有助于阻止错误并使代码更健壮。

HTML 也是如此。如果您到处都使用 <div>，那么您就没有充分利用该语言。因此，您必须积极选择正确的元素，而不仅仅使用默认的 <div> 非常重要。

而且，如果您喜欢 TypeScript，值得注意的是它刚刚发布了 3.0 版本。

我的朋友 Lindsay Grizzard 撰写了关于创建可在整个组织中使用的 CSS 系统以及在启动新项目时需要注意的事项的文章

让其他开发人员和设计师使用标准化规则至关重要。在启动项目时，让开发人员从一开始就了解您的 CSS、JS 甚至 HTML 约定。尽早并经常开会讨论您有兴趣使用的每个库、框架、思维模型和宝石，并认真对待反馈。简而言之，如果他们绝对讨厌 BEM 并且拒绝编写它，请不要使用 BEM。您可以探索使用 linter 来解决这个问题，但强迫人们使用他们讨厌的命名约定不会让您的工作更容易。希望您能够说服他们为什么额外的下划线很有用，但找到一个每个人都将参与某种系统的中庸之道是当务之急。

我完全同意，并且我在这里指出的重要一点是，所有这些工作都是一个协作过程，在创建可扩展且连贯的样式系统时，妥协至关重要。至少根据我的经验，很容易带着写好的所有规则和准备实施的新准则走进房间，但这最终都不会奏效。

Ethan Marcotte 在一篇名为Weft的文章中对 Lindsay 的帖子进行了评论，并描述了为什么这种方法并不总是成功。

这里只是概括一下，但我感觉我们的行业倾向于颠倒 Lindsay 的模型：我们通常首先确定解决问题的技术方案，然后再了解其更广泛的背景。换句话说，我认为我们经常专注于设计或构建元素，而没有研究它应该连接到的其他元素——没有理解它所在的系统。

即使我们之前提到过，但我认为 Addy Osmani 撰写的这篇关于JavaScript 性能问题的精彩文章仍然值得我们深入研究。

在该帖子中，Addy 涉及了性能工作的各个方面以及我们如何解决一些最严重的问题，从设置预算到“交互时间”测量和审核您的 JavaScript 包。

继续阅读 →

Chrome 69 对我们 CSS 开发人员来说值得注意

• 圆锥渐变（即 background: conic-gradient(red, green, blue);）：我们这里有很多关于圆锥渐变的有趣文章，这里有一些来自 Lea Verou 的用例和 polyfill。
• 逻辑盒子模型属性：margin、padding 和 border 都得到了升级，以满足更多用例。想想我们现在是如何使用 margin-left 的——当我们改变方向时，“left” 部分没有多大意义。现在，我们将使用 margin-inline-start。完整列表为 margin-{block,inline}-{start,end}、padding-{block,inline}-{start,end} 和 border-{block,inline}-{start,end}-{width,style,color}。Rachel Andrew 在这里介绍了理解逻辑属性和值。
• 滚动捕捉点（即 scroll-snap-type: x mandatory;）：曾经需要 JavaScript 干预的功能现在已轻松集成到 CSS 中。我们已经介绍过这方面内容多年了。在使轮播变得不那么复杂方面有很大帮助。
• 环境变量（即 env(safe-area-inset-top);）：Apple 在 iPhone X 中引入了“刘海屏”并发布了一些专有的 CSS 用于处理它。社区迅速介入，现在我们有了 env() 供浏览器发布此类内容。

我想我们可以给这个版本号一个当之无愧的好评。

样式和可访问性通常相互冲突。Scott O’Hara 有这个仓库，展示了如何在表单控件的上下文中使两者很好地协同工作。

本机控件和样式化控件之间的权衡让我想起了Eric Bailey 关于焦点样式的案例研究

一个常见的误解是焦点样式只能使用 outline 属性。值得注意的是，:focus 与任何其他选择器一样，这意味着它接受 CSS 属性的完整范围。我喜欢使用背景颜色、下划线和其他不会调整组件当前大小的技术，这样在激活选择器时就不会改变页面布局。

Scott 的仓库的好处在于，它可以作为基线被提取到项目中并从那里进行自定义。有点像WTF，表单？，但明确地——咳咳——专注于可访问性。样式被考虑在内，但重点不是它。

既然说到这里，让我们不要忽视Dave Rupert 的“可访问组件的营养卡片”。它最近也发布了，并且——除了是一个巧妙的想法之外——它是一个真正有用的参考，可以了解特定组件的可访问性预期。绝对值得收藏。🔖

从部署静态站点和博客平台到管理多个客户端网站，DigitalOcean 为开发人员及其团队提供了一个灵活的平台，让他们能够通过闪电般快速的网络、预配置的应用程序和 99.99% 的正常运行时间 SLA 来提供无与伦比的最终用户体验。只需告诉我们您的需求，我们的解决方案工程师将提供最佳可用选项。

Harry Roberts 谈论了一些方法，用于熟悉新的（“特别是 CSS”）代码库。作为一名定期作为顾问空降到新代码库的开发人员，Harry 已经做了很多次这样的事情。但我认为这对开始新工作的人来说也很有趣。如此多的 Web 开发工作是在现有的网站上进行的，而不是从头开始构建新的网站。