优质网站同好者周刊（第 080 期）

倾城之链作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界。此周刊，将汇聚过去一周倾城所收录的内容，以飨同好；欢迎推荐或自荐（仅限有独立域名的网站，可以是二级域名）。您如果要了解收录要求，请参见关于倾城。

备注：本周刊每周五生成，首发于个人微信公众号晚晴幽草轩、博客晚晴幽草轩，以及悠然宜想亭社区；此一键生成脚本基于 Deno 编写，并在 Github 开源：nicejade/nicelinks-weekly。

Gamma ｜ Write like a doc, present like a deck

标签：PPT · 幻灯片 · 高效

The fast alternative to slides. Gamma is an alternative to slide decks - a fast, simple way to share and present your work. Create engaging presentations, memos, briefs, and docs that are easy to discuss live or share async. All in your browser, nothing to download or install.

倾城之链 - Gamma ｜ Write like a doc, present like a deck

推荐语：Gamma（伽马），是幻灯片（PPT）的替代品，支持以一种快速、简单的方式来分享和展示您的作品。他创建易于现场讨论或异步共享的引人入胜的演示文稿、备忘录、简报和文档。全部在您的浏览器中，无需下载或安装。它具有以下功能特征：

专注于内容，而不是格式

Gamma 使用灵活的卡片和流畅的布局（随着您添加新块而扩展），节省格式化框以适应幻灯片的时间。

一键完成抛光（Polished）和准备

创建精美的幻灯片真的很乏味，尤其是对齐盒子和保持品牌上的东西。使用 Gamma，可以更快地完成工作。不再有幻灯片母版或模板，Gamma 支持一键重新设计你的整个甲板（deck）。

便于呈现，利于分享

Gamma 便于表达你的观点；它使用嵌套卡片的方式，以便听众深入了解细节；使用脚注，使得排版保持简洁。

将您的想法变为现实

基于 Gamma 可以方便做到：简洁、直观、互动。除了文字和无聊的剪贴画，嵌入任何东西：🎆 动图、🎥 视频、📈 图表、💻 网站。此外，您的听众可以在会议结束后，进行现场直播并继续探索。

随时随地分享，获得更多反馈

📊 使用内置分析衡量参与度；
😁 通过快速反应获得更多反馈；
💬 评论使协作变得简单；
📱 在任何设备上共享——笔记本电脑、平板电脑或手机；

在 Product Hunt，Gamma 创始人之一 Grant 分享道：

每年，有十数亿人在 Google 幻灯片或 Powerpoint 中创建演示文稿。30 多年来，幻灯片一直是商务沟通的语言。虽然生产力套件的其余部分多年来都出现了显著升级，但幻灯片作为一种格式基本保持不变：它们的尺寸是固定的（向 35 毫米天致敬），它们是为线性、单向演示而构建的，并且设计它们仍然很痛苦。
在过去的一年里，我们一直在研究一种全新的方法来处理私人测试版中的演示文稿和套牌。虽然我们还处于早期阶段，但我们很高兴今天能够开放，并希望 PH 社区成为第一批试用该产品的人。
免费使用。没有试用期。只需创建您的账户并开始构建。

Gamma，就像带你去一个新的宇宙的一扇门，它比文档更直观。比幻灯片（PPT）更具协作性。比视频更具互动性。值得一提的是，它免费可用。如果您厌倦了 Powerpoint 那种原始的笨拙方式，并且「条件允许的话」，不妨大胆尝试下类似 Gamma 这种新的分享方式。同类型产品还有：SliDev、Beautiful.ai、Ludus 等。

── 出自倾城之链 - Gamma ｜ Write like a doc, present like a deck

Xnapper – Take beautiful screenshots instantly

标签：截图 · 软件 · Mac

Native macOS app. One click to take a beautiful and ready-to-share screenshot.

倾城之链 - Xnapper – Take beautiful screenshots instantly

推荐语：Xnapper ，一款原生的 macOS 应用程序，立刻就能拍出漂亮的、可供分享的屏幕截图（抓拍 → 预览 → 分享）。它具有非常多值得称赞的优点：

使用极其方便、快捷；2 秒，即可获得精美截图；
自动的平衡，使得截图的主体内容完美居中（C 位）；
自动填充背景颜色，使得您专注于您的内容；
自动的屏蔽敏感的信息，单击一下，即可隐藏；
容易地选择和复制文本（内置 macOS 视觉引擎提供支持）；

除此之外，截图应用程序应该具备的，Xnapper 同样拥有：

自定义全局快捷方式；
自定义背景渐变/图像；
窗口捕获（按空格键）；
保存截图历史；
从文件和剪贴板打开；
社交媒体规模和比例；
预设、自定义设置；
压缩输出图像；
快速的设备文本识别；
美丽而快速的原生 macOS 应用程序；

其他诸如像「上传到云端」等功能，将在后续版本提供。值得一提的是， Xnapper 支持 iPhone/iPad，无论您走到哪里，都可以看到精美的屏幕截图。Xnapper 在 Product Hunt 一经发布，便得到千余 UPVOTE（赞成），其被欢迎程度，可见一斑。有下载亲测，确实比之前所用的截图软件要好用（尤其是自动平衡等功能）。只不过，它虽然免费可用；但需要付费购买，才能去除品牌水印。

── 出自倾城之链 - Xnapper – Take beautiful screenshots instantly

Headless UI - Unstyled, fully accessible UI components

标签：Tailwind · CSS · 组件

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

倾城之链 - Headless UI - Unstyled, fully accessible UI components

推荐语：Headless UI，是一组完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。该项目开源（16K+ Star）、免费可用，支持 Vue 和 React 框架；截止目前，提供有下拉菜单、列表框（选择）、组合框（自动完成）、开关（Switch 切换）、对话框（模态）、弹出框、标签等十个组件，非常漂亮，且易于使用。如果您喜欢基于 Tailwind CSS 为前端项目编写样式，Headless UI 是非常值得学习和使用的项目。如果您想了解更多，可移步至 Tailwind Labs。

── 出自倾城之链 - Headless UI - Unstyled, fully accessible UI components

Grid.js - Advanced JavaScript table plugin

标签：表格 · JavaScript · 组件

Grid.js is a Free and open-source JavaScript table plugin. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.

倾城之链 - Grid.js - Advanced JavaScript table plugin

推荐语：Grid.js，是一个免费的开源 JavaScript 表格插件。它适用于大多数 JavaScript 框架，包括 React、Angular、Vue 和 VanillaJs。通过几个简单的步骤，即可安装 Grid.js。Grid.js 由两个主要文件组成，JavaScript 部分和 CSS 部分，它们可以很好地呈现元素。它具有以下功能特征：

便于使用

Grid.js API 的简单性将帮助您通过几个简单直接的步骤开发高级 JavaScript 表格。

可扩展

Grid.js 利用先进的管道来处理数据。管道很容易扩展和改进。

new Grid({
  columns: ['Name', 'WebSite'],
  data: [
    ['倾城之链', 'nicelinks.site'],
    ['曼妙句子', 'read.lovejade.cn']
  ]
}).render(document.getElementById('table'));

免费和开源

Grid.js 是免费和开源的，在 MIT 许可下发布。

此外，Grid.js 还有些其他特性，诸如：简单轻量级的实现（所有插件只有 12kb）、基于 TypeScript 编写、支持所有现代浏览器和 IE11+ 等等；如果您有基于表格（table）来完成的需求，Grid.js 是很棒的选择之一。

── 出自倾城之链 - Grid.js - Advanced JavaScript table plugin

对倾城之链感兴趣的朋友，可通过 Web，小程序，快应用等渠道进行访问(后续将支持更多，如 VsCode 插件，Chrome 扩展等)。您有任何问题，欢迎随时向我们反馈（您可以通过官网反馈渠道，或添加如下倾情打赏），🤲 。

本期文末寄语

知识只有应用到实践上，才能够发挥它真正的价值和作用。教科书上的知识都是那些一生致力于研究学问的老先生们埋头编写出来的，虽然有一定的参考价值和理论依据，但是很难直接帮你解决现实生活中遇到的问题。所以，我希望你不要过分依赖于现有的理论知识和学问去解决问题，这才是你能走好以后人生路的关键。── 《洛克菲勒写给儿子的 38 封信 · 其一》

倾城之链作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界；在这里，你可以轻松发现、学习、分享更多有用或有趣的事物。

倾城之链 | 优质网站周刊