懒惰尺寸

lazysizes是一款快速（无卡顿）、对 SEO 友好且可自动初始化的懒加载器，适用于图片（包括响应式图片picture）srcset、iframe、脚本/小部件等等。它还能区分关键的可见元素和邻近可见元素，从而优化资源分配，进一步提升用户体验。

它也可能成为您集成响应式图片的首选工具。它可以自动计算sizes响应式图片的属性，允许您将media属性的媒体查询与 CSS 共享，从而帮助您将布局（CSS）与内容/结构（HTML）分离，并使在任何环境中集成响应式图片变得非常简单。它还包含一系列可选插件，可进一步扩展其功能。

如何

1. 下载lazysizes.min.js 脚本并将其添加到您的网页中。（或者通过 npmnpm install lazysizes --save或 bower安装bower install lazysizes --save）

   < script  src =" lazysizes.min.js " async ="" > </script>

   …

Slate 帮助您创建美观、智能、响应迅速的 API 文档。

上面的示例是用 Slate 创建的。请访问slatedocs.github.io/slate查看。

特征

• 简洁直观的设计——Slate 文档左侧是 API 的描述，右侧是所有代码示例。其设计灵感源自Stripe和PayPal 的API 文档。Slate 采用响应式设计，在平板电脑、手机甚至印刷品上都能完美呈现。

• 所有内容尽在一页——用户无需再翻阅无数页面才能找到所需信息。Slate 将所有文档都放在一个页面上。但我们并没有牺牲链接功能。当您滚动页面时，浏览器的哈希值会更新到最近的标题，因此链接到文档中的特定位置仍然自然便捷。

• Slate 本质上就是 Markdown——当你用 Slate 编写文档时，你实际上是在……

Simplefolio ⚡️

一款极简的开发者作品集模板！

重要提示：全新最快版本已发布，采用 React + Gatsby 构建！ 🎉 🎉 🎉 查看更多：Gatsby Simplefolio

特征

⚡️ 现代用户界面设计 + 展示动画
⚡️ 单页布局
⚡️ 使用 Bootstrap v4.3 + 自定义 SCSS 进行样式设计
⚡️ 完全响应式
⚡️ 符合 HTML5 和 CSS3 标准
⚡️ 使用 Webpack 进行优化
⚡️ 组织良好的文档

要查看演示示例，请点击此处。

开发人员需要作品集 ☝️

• 展示作品的专业方式
• 提升您的知名度和在线影响力
• 这表明你不仅仅是一份简历。

入门 🚀

按照这些说明，您可以在本地计算机上运行项目副本，用于开发和测试。有关如何在生产系统上部署项目的说明，请参阅部署部分。

先决条件 📋

您需要在计算机上安装Git和Node.js （Node.js 通过NPM自带）……

骨骼

Skeleton 是一个简单、响应式的样板，可以快速启动任何响应式项目。

请访问http://getskeleton.com查看文档和详细信息。

入门

下载 Skeleton 有两种方法：

• 下载压缩文件
• 克隆仓库：（git clone https://github.com/dhg/Skeleton.git注意：此仓库仍在积极开发中，如果您需要稳定安全的版本，请使用压缩包下载）

下载内容包括什么？

下载内容包括 Skeleton 的 CSS、作为重置的 Normalize CSS、示例网站图标和作为起点的 index.html。

Skeleton/
├── index.html
├── css/
│   ├── normalize.min.css
│   └── skeleton.css
└── images/
    └── favicon.ico

它为什么这么棒

Skeleton 轻量且简单。它只对原始 HTML 元素（少数例外情况除外）进行样式设置，并提供响应式网格。仅此而已。

• 大约 400 行未压缩且带有注释的 CSS 代码
• 它只是一个起点，而不是一个用户界面框架。
• 无需编译或安装……就是原生 CSS

浏览器支持

• Chrome 最新版
• 最新版 Firefox
• 歌剧…

devicon 旨在收集所有代表开发语言和工具的徽标。

演示·请求图标·贡献

TL;DR;

<!-- 在您的头部 --> 
< link  rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css " >


< !-- 在你的正文中 --> < i  class =" devicon - devicon-plain " > </i>

目录

1. 关于本项目
2. 入门
3. 请求图标
4. 贡献
5. Discord 服务器
6. develop对比master
7. 过期的拉取请求
8. 去成就你自己吧

关于本项目

Devicon 旨在收集所有代表开发语言和工具的图标。每个图标都有多个版本：字体/SVG、原始/纯色/线条、彩色/非彩色、带文字/不带文字。Devicon 目前拥有 150 多个图标，而且还在不断增加！

请参阅devicon.json文件或访问我们的网站，获取所有可用图标的完整和最新参考信息。

minireset.css

一个涵盖基础知识的小型现代 CSS 重置：

• 重置字体大小：这样使用语义化标记就不会影响样式。
• 重置块边距：以便仅在需要时应用间距。
• 重置表格：使表格数据仅占用所需空间
• 保留行内边距：以便按钮和输入框保持其默认布局。
• 设置边框框的尺寸：使边框和内边距不影响设定的尺寸。
• 设置响应式媒体元素：使图像和嵌入内容随浏览器宽度缩放

下载/安装

下载最新版本

npm install minireset.css

或者克隆该仓库。

选项

它将位于您的模块目录中/node_modules/minireset.css/：

• minireset.cssCSS 规则
• minireset.min.css：精简版 CSS 规则（推荐用于生产环境）
• minireet.sass：用 SASS 编写的 CSS 规则（推荐用于 SCSS/SASS 项目）
• minireset.css.lit.jsCSS规则……

下一个-i18下一个

翻译 NextJs 应用的最简单方法。

如果您在生产环境中使用 next-i18next，请考虑赞助该软件包，金额不限。

这是什么？

虽然 Next.js直接提供国际化路由，但它并不处理任何翻译内容的管理，也不提供实际的翻译功能。Next.js 所做的只是保持您的语言环境和 URL 同步。

为了补充这一点，next-i18next它还提供了剩余的功能——管理翻译内容，以及用于翻译 React 组件的组件/钩子——同时完全支持 SSG/SSR、多个命名空间、代码分割等。

虽然底层next-i18next使用了i18next和react-i18nextnext-i18next ，但用户只需将翻译内容作为 JSON 文件包含进来，无需担心其他任何事情。

这里提供了一个在线演示。这个演示应用只是一个简单的示例——不多不少，仅此而已。

为什么是 next-i18next？

易于设置，易于……

重新绘制图表

介绍

Recharts 是一个使用React和D3构建的重新定义的图表库。

该库的主要目的是帮助您轻松地在 React 应用中编写图表。Recharts 的主要原则如下：

1. 只需使用 React 组件即可轻松部署。
2. 原生支持 SVG，轻量级，仅依赖于一些 D3 子模块。
3. 声明式组件，即图表组件，纯粹是展示性的。

示例

< LineChart 
  width = {400} height = {400} data = { data } margin = { { top : 5 , right : 20 , left : 10 , bottom : 5 } } > < XAxis dataKey = "name" / 
  > < Tooltip / > < CartesianGrid stroke = " #f5f5f5" / > < Line type = " monotone" dataKey = " uv" stroke = "#ff7300" yAxisId={0} / > < Line type = " monotone " dataKey = " pv " stroke = " #387908 " yAxisId =
  
       

    
   
    
       
      

摩纳哥编辑

Monaco Editor 是VS Code的代码编辑器，其功能在此处有更详细的描述。

请注意，此存储库不包含代码编辑器的源代码，它只包含将所有内容打包在一起并发布 npm 模块的脚本monaco-editor。

试试看

欢迎访问我们的网站，试用我们的编辑器。

安装

$ npm install monaco-editor

您将获得：

• 内部esm：ESM 版本的编辑器（兼容例如 webpack）
• 内部dev：AMD 捆绑，未压缩
• 内部min：AMD 捆绑，并已压缩
• 内部min-maps：源地图min
• monaco.d.ts：这指定了编辑器的 API（这才是真正进行版本控制的内容，其他所有内容都被视为私有，并且可能会在任何版本发布时出现问题）。

建议在开发过程中使用该dev版本，并在生产环境中使用该min版本。

文档

• 学习如何整合……

红杉

由 Tom Preston-Werner、Peter Pistorius、Rob Cameron、David Price 以及两百多位杰出贡献者共同完成（完整名单见文件末尾）。

Redwood 是一个功能齐全、特性鲜明的全栈式无服务器 Web 应用框架，让您能够轻松构建和部署 JAMstack 应用。想象一下，一个 React 前端通过 CDN 静态分发，并通过 GraphQL 与运行在全球各地 AWS Lambda 上的后端进行通信，所有这一切都只需一个简单的部署即可完成git push——这就是 Redwood。Redwood 为您做了很多决策，让您可以专注于打造应用的独特之处，而无需浪费时间反复选择各种技术和配置。此外，由于 Redwood 是一个完善的框架，您可以随着时间的推移，以最小的努力获得持续的性能和功能升级。

Redwood 是 GitHub（全球最流行的代码托管平台）联合创始人 Tom Preston-Werner 发起的最新开源项目……