《热门项目》以每周新闻简报的形式提供，请访问www.iainfreestone.com注册，以确保您不会错过任何一期。
构建 Svelte 应用的最快方式。SvelteKit 是一个用于构建各种规模 Web 应用的框架，它提供优美的开发体验和灵活的基于文件系统的路由。
简化网站开发流程。阅读文档即可开始使用。
其他适配器由社区维护。
请确保您报告的问题与 SvelteKit 相关。许多与项目构建相关的问题都源于Vite，Vite 用于构建 SvelteKit 项目。您可以创建一个新的 Vite 项目，用于npm create vite@latest仅客户端复现问题，或npm create vite-extra@latest用于 SSR 或库复现问题。
如果问题源自 Vite，请在Vite 问题跟踪器中报告。
有关如何在本地开发 SvelteKit 的信息，请参阅CONTRIBUTING.md 。
Svelte 是一个采用 MIT 许可证的开源项目，其持续开发完全由众多优秀的志愿者促成。如果您有兴趣……
Flagsmith 是一款开源、功能齐全的功能开关和远程配置服务。您可以使用我们托管的 API，将其部署到您自己的私有云，或在本地运行。
Flagsmith是一款开源、功能齐全的功能开关和远程配置服务。您可以使用我们托管的 API，将其部署到您自己的私有云，或在本地运行。
Flagsmith 让您能够轻松地在 Web、移动和服务器端应用程序中创建和管理功能开关。只需将一段代码用开关包裹起来，然后使用 Flagsmith 为不同的环境、用户或用户群体启用或禁用该功能即可。
不到一分钟即可启动运行：
curl -o docker-compose.yml https://raw.githubusercontent.com/Flagsmith/flagsmith/main/docker-compose.yml
docker-compose -f docker-compose.yml up
该应用程序将自动创建管理员用户、组织和项目。您可以在 Compose 日志中找到设置密码的链接：
Superuser "admin@example.com" created successfully
Please go to the following page and choose a password: http://localhost:8000/password-reset/confirm/.../...
注意：此设置使用 http:// 进行本地开发。如果您已为本地环境配置了 SSL，则可以改用 https://。对于任何其他情况……
精选的公开资源合集，介绍世界各地的技术公司和精通技术的组织如何实践站点可靠性工程 (SRE)。
upgundecha / howtheysre
“他们如何进行 SRE ”是一个精选的知识库，收录了领先的技术或精通技术的组织所采用的站点可靠性工程 (SRE) 最佳实践、工具、技术和文化。
许多组织经常分享他们的见解和专业知识，包括塑造其工程文化的最佳实践、工具和技术。他们通过各种公共平台（例如工程博客、会议和聚会）进行分享。本资源库汇编并呈现了从这些来源收集的内容。
框架检测工具。检测特定网站使用的框架。同时返回框架的构建/开发命令、目录和服务器端口。
netlify / framework-info重要通知
该仓库已迁移到github.com/netlify/build的 mono 仓库中。包名称和版本均已保留！
框架检测工具。
检测特定网站使用的框架。同时返回该框架的构建/开发命令、目录和服务器端口。
检测到以下框架：
如果你想framework-info通过 CLI 运行，请查看该build-info项目。
import { listFrameworks, hasFramework, getFramework } from '@netlify/framework-info'
console.log(await listFrameworks({ projectDir: './path/to/gatsby/website' }))
// [
// {
// id: 'gatsby',
// name: 'Gatsby',
// category: 'static_site_generator',
// dev: {
// commands:…
循序渐进地使用 ESLint，每次修复一条规则。eslint-nibble 会快速概览所有出错的规则，然后逐条显示详细的错误报告。
IanVS / eslint-nibble
有时，对现有项目运行 ESLint 并修复成百上千个错误会超出你的能力范围。
因此，eslint-nibble可以先快速概览失败的规则，然后逐条显示规则的详细错误报告。
如果 ESLint 可以自动修复某个规则，eslint-nibble则可以对单个规则运行自动修复，从而进行更有针对性的提交。
阅读Paul Hands的这篇精彩博文，了解 eslint-nibble 能为您的项目做些什么：雇佣园丁修剪杂草。
npm install --no-save eslint-nibble
您也可以eslint-nibble全局安装，但不建议这样做。
相反，请尝试使用上述方法将其安装eslint-nibble到您的项目中，因为此工具仅用于帮助您快速启动并运行。一旦您对规则和……感到满意，--no-save
Dexie 是一个极简的 IndexedDB 封装库。它提供了一个简洁的数据库 API，具有精心设计的 API、强大的错误处理能力、可扩展性、变更跟踪感知功能以及扩展的 KeyRange 支持（不区分大小写的搜索、集合匹配和 OR 操作）。
Dexie.js 是 indexedDB（浏览器中的标准数据库）的封装库。https : //dexie.org
IndexedDB 是适用于所有浏览器引擎的可移植数据库。Dexie.js 让使用 IndexedDB 变得轻松有趣。
但是也：
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/dexie/dist/dexie.js"></script>
<script>
//
// Declare Database
//
const db = new Dexie('FriendDatabase');
db.version(1).stores({
friends: '++id, age'
});
//…
零运行时 CSS JS 库。用 JS 编写 CSS，但无需运行时处理，CSS 会在构建过程中提取到 CSS 文件中。
JS库中的零运行时CSS
@linaria/atomic了解 Airbnb 如何借助 Linaria 提升开发者体验和网站性能
npm install @linaria/core @linaria/react @wyw-in-js/babel-preset
或者
yarn add @linaria/core @linaria/react @wyw-in-js/babel-preset
Linaria 现在基于wyw-in-js.dev构建。它支持多种打包工具，可在构建时提取 CSS。要配置您的打包工具，请查看 wyw-in-js.dev 网站上的以下指南：
一个仅使用 CSS 的工具提示库，可用于您精美的网站。
一个用于精美网站的 CSS 工具提示库
演示•入门指南•用户群体•浏览器支持•常见问题•贡献•许可协议
hint.css这是一个纯 CSS 资源，可用于为您的 Web 应用程序创建美观且易于访问的工具提示。它不依赖 JavaScript，而是使用aria-label / data-* 属性、伪元素、content 属性和CSS3 过渡效果来创建工具提示。此外，它还采用了BEM命名规范，特别是修饰符的命名。
您可以通过以下方式之一获取该库：
完整建造
基础版本（不包含颜色主题和花哨特效）
鲍尔：bower install hint.css
npm：npm install --save hint.css
CDN：https://www.jsdelivr.com/package/npm/hint.css或https://cdnjs.com/libraries/hint.css
现在将库包含在HEAD页面的标签中：
<link rel="…
Grommet 和 React.js 的图标设计
Grommet 和 React.js 的图标设计
npm install grommet-icons --save
或者
yarn add grommet-icons
import { Facebook } from 'grommet-icons';
<Facebook />
<Facebook color='plain' />
<Facebook size='large' />
<Facebook size='xlarge' />
访问我们的网站获取更多图标。
任何 24x24 像素的 SVG 文件都可以使用该图标转换为图标<Blank>。例如：
如果图标仅用于装饰，无需辅助技术读取，则使用<Blank />默认属性。如果图标需要辅助技术读取，aria-hidden={undefined}则应用相应的a11yTitle属性<Blank />。
import React from 'react';
import { Blank } from 'grommet-icons';
export const MyIcon = (props) => (
<Blank {...props}>
{/* your 24x24 svg goes…
网络瑞士军刀——一款用于加密、编码、压缩和数据分析的Web应用程序
CyberChef 是一款简单直观的 Web 应用程序，可在 Web 浏览器中执行各种“网络”操作。这些操作包括简单的编码（如 XOR 和 Base64）、更复杂的加密（如 AES、DES 和 Blowfish）、创建二进制和十六进制转储、数据压缩和解压缩、计算哈希值和校验和、IPv6 和 X.509 解析、更改字符编码等等。
该工具旨在帮助技术和非技术分析师以复杂的方式处理数据，而无需使用复杂的工具或算法。它是由一位分析师利用其10%的创新时间，历时数年构思、设计、构建并逐步改进的。
CyberChef目前仍在积极开发中。因此，它不应被视为最终产品。我们仍需进行测试和修复漏洞，添加新功能，并编写更多文档。欢迎大家贡献力量！
密码学……
《热门项目》以每周新闻简报的形式提供，请访问www.iainfreestone.com注册，以确保您不会错过任何一期。
如果你喜欢这篇文章，可以关注我的推特账号，我会定期发布与HTML、CSS和JavaScript相关的实用技巧。
文章来源：https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-2nd-july-2021-161m
