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

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

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

Swiper - The Most Modern Mobile Touch Slider

标签：组件 · Web开发 · 开源

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

倾城之链 - Swiper - The Most Modern Mobile Touch Slider

推荐语：Swiper 是免费且最现代的移动触摸滑块，具有硬件加速转换和令人惊叹的本机行为。它旨在用于移动网站、移动网络应用程序和移动本机、混合应用程序。Swiper 以及其他出色的组件是 Framework7 和 Ionic Framework 的一部分，后者是用于构建 iOS 和 Android 应用程序的功能齐全的框架。它具有如下功能特征：

图书馆不可知论者：Swiper 不需要任何像 jQuery 这样的 JavaScript 库，这使得 Swiper 更小更快；
模块化结构：Swiper 具有模块化结构，允许您仅使用必要的模块，使其尺寸更小；
丰富的 API：Swiper 附带了非常丰富的 API。您甚至可以创建自己的插件；
全面的 RTL 支持：Swiper 提供 100% RTL 支持和正确的布局；
多行幻灯片布局：Swiper 允许多行幻灯片布局，每列几张幻灯片；
过渡效果：有很多过渡效果包括 3D 效果；
双向控制和拇指：Swiper 可用作任意数量其他 Swiper 的控制器；
完整的导航控制：所有必需的导航元素都在这里 - 分页、导航、滚动条；
最灵活的幻灯片布局网格：Swiper 有很多参数，使其尽可能灵活；
视差过渡：Swiper 支持现代视差过渡效果，可用于 Swiper 内部的任何元素：图像、文本块、标题、背景等；
图像延迟加载：延迟加载非活动/不可见幻灯片中的图像，直到用户滑动到它们；
虚拟幻灯片：当您有大量内容丰富的幻灯片时，此功能非常有用，因此它可以在 DOM 中保留所需数量的幻灯片；

除此之外，循环模式、自动播放、键盘控制、鼠标滚轮控制、嵌套滑块、历史导航、哈希导航、断点配置等功能；需要说明的是：Swiper 并不与所有平台兼容，它是一种现代触摸滑块，仅专注于现代应用程序/平台，以带来最佳体验和简单性。Swiper 号称最现代的移动触摸滑块，具有硬件加速转换功能，该项目在 Github 仓库开源（截止 2023 年 09 月 21 日已获得超过 36.5K+ Star），如果您对其感兴趣，不妨移步前往从而了解更多。

── 出自倾城之链 - Swiper - The Most Modern Mobile Touch Slider

Loopple: Template Builder for Modern Websites & Dashboards

标签：Web开发 · Tailwind · 网站

Unlock your design potential with our Template Builder. Create modern website and dashboard templates effortlessly and elevate your projects.

倾城之链 - Loopple: Template Builder for Modern Websites & Dashboards

推荐语：Loopple 是一个拖放仪表板构建器，可帮助您在几分钟内为您的初创公司和企业创建漂亮且动态的管理面板。更少代码，构建更多：选择您喜欢的设计，并使用低代码和拖放功能在几分钟内创建令人惊叹的模板。具体来讲，Loopple 提供以下内容：

仪表板模板生成器：选择一种风格，并使用 Loopple 流行的框架轻松创建令人惊叹的仪表板。
网站模板生成器：选择一种风格，并使用 Loopple 流行的框架轻松创建令人惊叹的网站或登陆页面。
高品质响应式网站和仪表板模板：发现多种设计，找到适合您需求的完美响应式网站或仪表板模板。轻松自定义图像、内容和风格，使其成为您自己的。

Loopple 是怎么运行的？Loopple 可帮助您更快地构建仪表板和网站模板，从而显着缩短您的开发时间。我们的平台使您能够使用 Bootstrap 、 Tailwind CSS 和 Chakra UI 等流行框架创建模板，从而实现更大的灵活性和定制性。

── 出自倾城之链 - Loopple: Template Builder for Modern Websites & Dashboards

Kyugo | Your personal time-assistant

标签：时间管理 · 工作效率 · 生活

It’s time to reinvent the calendar. Take control of your day with ease. Kyugo guards your work-life balance that always seemed just outside of your grasp, until now. It automatically solves your schedule for work, meetings, and your free time.

倾城之链 - Kyugo | Your personal time-assistant

推荐语：Kyugo （源自日语“Kyūgo”，意思是救济或援助）您的私人时间助理；旨在守护您的工作与生活平衡，自动解决您的工作、会议和空闲时间安排。与其他产品不同的是，Kyugo 采用圆形日历设计，相比于电子表格，这种更显直观，也便于在手机这种小型设备上使用。

Kyugo 在官网写到：30 多年来，日历的工作方式一直没有创新。类似电子表格的界面可以很好地创建会议，但不足以规划您的生活。守护您有限的时间，实现真正的工作与生活平衡。该团队正在寻找解决问题的方法——工作太多、会议打断了我们的深度工作、没有足够的时间陪伴家人和自己。持续的认知超载，包括何时做什么、何时计划下一次会议以及何时为项目腾出时间。如何让你的生活运转起来。

为什么选择圆形日历？

人们使用圆形时钟已有 400 多年的历史。然而，当前的日历是基于电子表格的。该系统不适合现代人计划一天和保持健康的工作与生活平衡的需求。Kyugo 团队花了多年的研究来了解人们作为人类如何感知时间以及如何形象化时间。人们不需要数字就能知道 9 点在哪里。正因为如此……Kyugo 诞生了——以更直观、更直观的方式来计划你的一天。

Kyugo 可以让您为会议、工作时间和生活创建固定的日常块，这是解决工作与生活之间难以捉摸的平衡的解决方案，直到现在，这种平衡似乎一直在您的掌握之外。只需选择活动时长，Kyugo 就会自动在您的日历中查找时间并为您计划。不要把精力浪费在计划和检查你什么时候有空。Kyugo 会为你做的。

即时可视化您忙碌的日子和时间：每日圆圈会立即显示您当天计划的活动类型、时间以及这一天的充实程度。
拇指友好的导航：考虑到单手使用，所有控件都放置在底部以实现快速交互。所有按钮均适合拇指操作。所有交互只需轻轻一按。
您的生活更轻松：只需轻按一下即可重新安排活动，Kyugo 会自动在您的日历中找到另一个时间。当你迟到时，再也不用考虑要写什么了，Kyugo 会处理好的。
管理您的一天：查看您还剩多少时间用于会议和工作。关闭一天以取消所有活动并将其重新安排到其他时间，或者立即重新安排所有会议以集中精力。

除了上述之外，Kyugo 即将推出共多功能；如果您对其感兴趣，可以下载体验，或者前往官网了解更多。总而言之，Kyugo 是您的私人时间助手，是您工作与生活平衡的守护者。它会自动在会议之间有意义地分配您的一天，从而实现不间断的工作和愉快的生活。

── 出自倾城之链 - Kyugo | Your personal time-assistant

WebContainers - Dev environments. In your web app

标签：NodeJS · WebAssembly · Web开发

Build the future of web based coding experiences, from interactive tutorials to instant production-ready dev environments.

倾城之链 - WebContainers - Dev environments. In your web app

推荐语：WebContainers ，打造未来基于网络的编码体验，从交互式教程到即时生产就绪的开发环境。使用 WebContainer API 为您的 Web 应用程序提供支持；它通过将 Node.js 直接集成到您的 Web 应用程序中，创造无与伦比的用户体验。构建全品牌产品，无需连接到外部服务器或引导用户使用第三方应用程序。它具有如下功能特征：

运行本机包管理器：npm 运行、pnpm 和的本机版本 yarn，全部在浏览器中、全部在您的应用程序中，比本地速度快 10 倍。
完整的浏览器支持：在所有主要浏览器中运行 WebContainer，从基于 Chromium 的浏览器到 Firefox 或 Safari TP。
所有主要框架：立即启动运行任何主要现代框架的一次性环境。
开箱即用运行 Wasm：将您最喜欢的语言或框架移植到 Wasm 以在 WebContainers 中运行它。对真的。

WebContainer 只需几个步骤即可完成设置

启动 WebContainer。
填充容器的文件系统。
以编程方式安装软件包。
在浏览器中运行您的开发服务器。

积累以前不可能的丰富开发经验

互动教程：学习 SvelteKit ，一个完整的堆栈框架，在其自定义编辑器中，在 WebContainers 上运行，所有这些都在浏览器中进行。
低代码/无代码：一个无压力的编辑器，使非技术贡献者能够通过实时、一次性预览来制作自己的 PR，以确认无错误的构建。
人工智能应用：正在为 AI 原生 IDE 奠定基础 - 其副驾驶可以跨服务器和客户端理解并在完整的运行时上下文中进行操作。

为什么选择 WebContainer API

对每个团队的支持：小型初创公司、开源维护者和财富 500 强企业都可以享受 StackBlitz 承诺的产品支持、功能和改进。
削减服务器成本：WebContainer API 仅需要本地 CPU 和浏览器的计算能力，消除了管理远程服务器的成本和开销。
发货更快：无需构建或维护额外的团队。将技术支持交给 WebContainer，专注于实际运送您的产品。

StackBlitz 对外发布的 WebContainer API，使得开发环境在您的网络应用程序中；它使用 WebAssembly 将 Node.js 编译成一个 .wasm 文件，直接跑在了浏览器上。从而达成不依赖后端环境，在浏览器直接起一个 Node.js 应用程序。如果您对其感兴趣，不妨移步官网从而了解更多。

── 出自倾城之链 - WebContainers - Dev environments. In your web app

Instant GraphQL APIs on your data | Built-in Authz & Caching

标签：GraphQL · 数据库 · API

Hasura gives you instant GraphQL and REST APIs on new and existing data sources. Connect Hasura to your data & get APIs in under a minute.

倾城之链 - Instant GraphQL APIs on your data | Built-in Authz & Caching

推荐语：Hasura 是一款开源产品，可立即为您提供带有内置数据授权的 GraphQL 或 REST API，从而将 API 开发速度加快 10 倍。它提供数据库上的超快速、即时实时 GraphQL API 具有细粒度的访问控制，还可触发数据库事件的 Webhooks。Hasura 具有如下功能特征：

进行强大的查询：内置过滤、分页、模式搜索、批量插入、更新、删除突变；
可与现有的实时数据库配合使用：将其指向现有数据库以立即获取即用型 GraphQL API；
实时：使用订阅将任何 GraphQL 查询转换为实时查询；
合并远程模式：通过单个 GraphQL Engine 端点访问业务逻辑的自定义 GraphQL 模式；
使用操作扩展：编写 REST API 以使用自定义业务逻辑扩展 Hasura 的架构；
触发 webhook 或无服务器函数：在 Postgres 上插入/更新/删除事件；
计划触发器：使用 cron 配置或一次性事件在特定时间点执行自定义业务逻辑；
细粒度访问控制：与您的身份验证系统集成的动态访问控制（例如：auth0、firebase-auth）；
管理 UI 和迁移：管理 UI 和 Rails 启发的架构迁移；
支持的数据库：支持 PostgreSQL（及其版本）、MS SQL Server 和 Big Query。即将推出对更多数据库的支持。

自动化 API 开发的 #1 平台：Hasura 是您的数据 API 平台，可自动处理 80% 的构建、保护、优化和部署 GraphQL 和 REST API 的繁琐工作，以便您的团队可以专注于更快地取得成功。

适用于 100 多个数据源的即时 API：使开发人员能够通过连接到现有数据库、GraphQL 和 REST API 轻松生成 API，从而无需手动创建 API，同时实现快速、可扩展的应用程序开发。

从根本上改变数据访问和 API 开发：更快的 API 开发意味着成本、复杂性和上市时间的大幅降低。

更快地构建新应用程序：利用 GraphQL 和自助数据访问的强大功能，在几天而不是几周内构建新应用程序或向现有应用程序添加新功能。
加速现代化建设：通过自动化 80% 的 API 开发工作，快速跟踪云迁移、前端和后端现代化以及应用程序重新架构项目。
标准化组织范围内的数据访问：用可扩展、高性能且安全的数据 API 取代直接数据库访问，以创建统一且联合的“核心数据服务”。

Hasura 允许数据所有者立即在其域数据上构建和发布网络规模的 API，而不会陷入微服务的复杂性中。通过灵活且可组合的 GraphQL API 快速开放访问权限，从而解锁产品团队，而不会影响安全性或质量。该项目在 Github 仓库开源（截止 2023 年 09 月 16 日，已获得 30.1K+ Star），如果您对其感兴趣，不妨移步前往从而了解更多。

── 出自倾城之链 - Instant GraphQL APIs on your data | Built-in Authz & Caching

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

本期文末寄语

滕王高阁临江渚，
佩玉鸣鸾罢歌舞。
画栋朝飞南浦云，
珠帘暮卷西山雨。
闲云潭影日悠悠，
物换星移几度秋。
阁中帝子今何在？
槛外长江空自流。
── 唐代 · 王勃《滕王阁序》

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

倾城之链 | 优质网站周刊