一个新的播客 来自 Sean Fioritto，灵感来自 Joel Califa 的术语 “全栈焦虑”.

… 你脑子里的一个小声音说… “我应该知道这一切。 我甚至知道我在做什么吗？” 为什么世界各地的网页开发者会这样感觉呢？

有一个 与 Joel 的对话 谈论这个问题，以及其他有趣的角度，比如 与心理学家谢丽·沃林博士的对话.

继续阅读 →

简短故事： Philip Walton 有一个巧妙的想法，可以使用服务工作者缓存 HTML 文件的顶部和底部，从而减少大量的网络负载。

更详细的想法： 当你构建一个非常简单的网站时，你可以直接编写原始 HTML。 不久后，你就会需要比这更多的抽象。 即使你正在构建一个三页的网站，那也是三个 HTML 文件，你的程序员思维会寻找不重复自己的方法。 你可能会找到一种方法来“包含” HTML 顶部和底部的所有内容，只需更改中间的内容。

继续阅读 →

如果你有兴趣提升你的 Web 性能知识和技能，那么直接从 Scott Jehl 学习是最好的选择。

Catalin Rosu:

有时你需要输入一个由多个段落组成的长回复，将该文本包装在一个微小的文本区域框中会让你在输入时难以理解和跟踪。 我曾经多次不得不将该文本在 Notepad++ 中编写，然后将整个回复粘贴到那个小文本区域中。 我承认我也打开过开发者工具来覆盖 resize: none 声明，但这并不是真正高效的做法。

删除<textarea> 的默认可调整大小功能通常会损害用户体验。 即使调整大小的文本区域“破坏”了网站布局，那也没关系，用户现在正在尝试在这个网站上做一些非常重要的事情，你不应该让任何事情妨碍用户完成操作。 我知道网络是一个很大的地方，所以请随时在评论中向我证明我错了。

这对 Catalin 来说一定很有意义，他已经在 Stack Overflow 上凭借自己关于如何防止文本区域调整大小的答案，获得了长达近十年的声誉。

你可能知道 Bitrix24 是世界上最流行的 免费 CRM 和销售管理系统，被超过 600 万家企业使用。 但是，Bitrix24 中提供的 免费网站构建器 也值得你关注。

为什么我需要另一个免费的网站/着陆页构建器呢？

有很多方法可以创建免费的网站——Wix、Squarepage、WordPress 等等。 如果你需要一个博客——Medium、Tumblr 等等都可供你使用。 Bitrix24 专注于需要网站来产生线索、在线销售、开具发票或接受付款的企业。 在常规的网站构建器和针对特定业务需求设计的网站构建器之间存在很大差异。

好的企业网站构建器能做什么呢？ 首先，它创建能吸引访问者的网站，以便他们开始互动。 这是通过使用网站实时聊天、联系表格或回电请求小部件等工具来实现的。 其次，它附带一个着陆页设计器，因为企业网站都是关于转化率的，提高转化率需要不断调整和反复测试。 第三，网站和 CRM 系统之间的集成至关重要。 将流量吸引到网站和昂贵的广告非常困难。 因此，有意义的是将来自网站的每个潜在客户自动记录到 CRM 中，这样你就可以定期向客户销售产品和服务。 这就是 Bitrix24 附带电子邮件和短信营销以及广告的原因 ROI 计算器.

许多企业网站的另一个关键要求是能够接受在线支付并充当电子商务商店，包括订单处理和库存管理。 Bitrix24 也能做到这一点。 重要的是，与其他电子商务平台不同，Bitrix24 不收取任何交易费用，也不设销售额限制。

Bitrix24 还有什么免费提供呢？

 免费计划 的唯一实际限制是在帐户中最多可以有 12 个用户。 你可以免费使用自己的域名，带宽是免费且无限的，并且只对允许的免费页面数量设置了一个技术限制（大约 100 页），以防止将 Bitrix24 用于 SEO 垃圾页面。 除了提供免费的云服务之外，Bitrix24 还拥有可以购买的带开源代码访问权限的本地版本。 这意味着，如果需要，你可以随时将你的云 Bitrix24 帐户迁移到自己的服务器上。

要注册你的免费 Bitrix24 帐户，只需 点击此处。 如果你有公开的 Facebook 或 Twitter 个人资料并分享此帖子，你将自动参加竞赛，获胜者将获得 Bitrix24 专业版计划的 24 个月订阅（价值 3,336 美元）。

看到即使使用最花哨的前端技术，也仍然在进行渐进式增强，这很酷。

这是一个 JSX React 组件中的按钮，它直接应用了一个点击处理程序，该处理程序会通过 Apollo GraphQL 触发一个数据变异 Ajax 请求。 我能想到的最不友好的渐进式增强环境莫过于此。

Kitty Giraudel 写道，他们已经执行了服务器端渲染，所以下一个棘手的部分是点击处理程序。 如果没有 JavaScript，我们唯一可以用来发布数据的机制是<form>，所以这就是他们所做的。 它会提交到/graphql 端点，并带有它需要执行变异的数据（通过隐藏输入），以及在成功或失败时要重定向到的附加数据。

很不错。

我想知道有多少创业想法与航空旅行有关？ 🤔

这是一个拥有如此多痛点的巨大产业，因此它激发了人们构建新产品的想法也就不足为奇了。 很多创业想法都有一点：你需要数据。 很有可能，你需要好的API，你可以使用它来获取所有你需要的数据：aviationstack.

继续阅读 →

Eric Meyer 在SVG 中进行木工计算.

我一直都在手动编写 SVG 图表，以弄清楚东西应该如何组装在一起，作为副产品，它指导我购买材料和切割木材。

这听起来可能非常定制化，而且做工过分精细，但实际上并不复杂，而且作为一项主要优势，这个过程帮助我更好地理解了 SVG。

继续阅读 →

来自 Tyler Sticka 的一个小开源实用程序，它会返回一个 SVG 的数据 URL，可以根据需要用作图像占位符。

我喜欢这种自我运行的实用程序的想法，而不是依赖于某些第三方服务，比如placekitten 等等。 并不是说我提倡功能膨胀，但也许它可以更有趣，比如这些生成式占位符、行进的蚂蚁，或者我最喜欢的，可爱的头像.

无服务器功能 相当简单明了。 将一些后端语言代码（如 Node）放在云中，并通过 URL 与其通信。 但如果那个 URL 不是运行后端语言，而是运行一个真正的浏览器呢？ Richard Young

我们现在可以使用 Web API 来进行全栈开发。 需要 读取/写入网络资源 吗？ 使用 fetch API。 需要 缓存一些数据 吗？ 使用 localStorage。 需要 模糊图像 吗？ 在 img 标签上使用 CSS 过滤器。 需要 管理会话 吗？ 使用 cookie。 需要多线程吗？ 使用 Web Workers。 需要 原生编译速度 （或除 JavaScript 之外的其他语言）吗？ 使用 WebAssembly。

很聪明。 浏览器正在变得如此强大，因此利用它们的优势是有意义的。