关于Web开发的十个流行的Github项目 — 2020年七月

1. Lazysizes

Lazysizes是一个非常快捷(无垃圾),对SEO非常友好且可以自动初始化的一个延迟加载器。它支持图片(包括响应的图像图片/密码集),iframe,脚本、小工具等等。

GitHub网址: https://github.com/aFarkas/lazysizes

o 
aFarkas / lazysizes 
High performance and SEO friendly lazy loader for images (responsive and normal), 
iframes and more, that detects any visibility changes triggered through user interaction, 
CSS or JavaScript without configuration. 
lazysizes 
lazysizes is a fast Oank-free), SEO-friendly and self-initializing lazyloader for images (including 
responsive images picture / srcset ), iframes, scripts/widgets and much more. It also 
prioritizes resources by differentiating between crucial in view and near view elements to 
make perceived performance even faster. 
It may become also your number one tool to integrate responsive images. It can automatically 
calculate the sizes attribute for your responsive images, it allows you to share media queries 
for your media attributes with your CSS, helping to separate layout (CSS) from 
content/structure (HTML) and it makes integrating responsive images into any environment 
really simple. It also includes a set of optional plugins to further extend its functionality.

2. Slate

Slate可以帮助你创建漂亮的,智能的可响应的API文档。

Github网址: https://github.com/slatedocs/slate

o 
slatedocs / slate 
Beautiful static documentation for your API 
SLATE 
API DOCS GENERATOR 
auild passing 
Slate helps you create beautiful, intelligent, responsive API documentation.

3. Simplefolio

开发者的最小作品集模板。

Github网址:https://github.com/cobidev/simplefolio

o 
cobidev / simplefolio 
+ A minimal portfolio template for Developers 
Simplefolio + 
A minimal portfolio template for Developers! 
ABOUT ME

4. Skeleton

Skeleton是一个简单的响应式的样本,可以启动任何响应式的项目。

Github网址: https://github.com/dhg/Skeleton

o 
dhg / Skeleton 
Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-friendly Development 
Skeleton 
Skeleton is a simple, responsive boilerplate to kickstart any responsive project. 
Check out http://getskeleton.com for documentation and details. 
Getting started 
There are a couple ways to download Skeleton: 
Download the zip 
Clone the repo: sit clone https://github.com/dhg;skeleton.git (Note: this is under ective 
dev-loom-re. so if looking stable Encl s.fe, use zinged

5. Dev Icon

Devicon的目标是收集到所有能够展示开发语言和工具的图标。每一个icon都有多个版本:font/svg, original/plain/line, 有颜色的/无颜色的,有字标和无字标的。

目前Devicon已经有了78个图标和200+个版本,而且还在增长中。

Github网址: https://github.com/konpa/devicon

o 
konpa / devicon 
Set of icons representing programming languages, designing & development tools 
Devicon v2 
https://konpa.github.io/devicon/ 
Devicon aims to gather all logos representing development languages and tools Each icon 
comes in several versions: font/svg, original/plain/line, colored/not colored, wordmark/no 
wordmark. 
Devicon it's 78 icons and 200+ versions. And it's growing! 
See all available icons on the new website. 
'con requests

6. minireset.css

他是一个小的CSS重置,包含了下面这些内容,包含重置字体大小,重置块Margin,重置表格等等。

Github网址: https://github.com/jgthms/minireset.css

o 
jgthms / minireset.css 
A tiny modern CSS reset 
minireset.css 
downloads 22k/month 
npm vO.O.6 
A tiny modern CSS reset that covers the basics: 
resets the font sizes: so that using semantic markup doesn't affect the styling 
• resets the block margins: so that the spacing is only applied when you need it 
• resets tables: so that tabular data only takes the space it needs 
preserves the inline paddings: so that buttons and inputs keep their default layout 
sets the border-box box sizing: so that borders and paddings don't affect the set 
dimensions 
sets responsive media elements: so that images and embeds scale with the browser width

7. next-i18next

最简单的翻译NextJs App的方式。

Github网址:https://github.com/isaachinman/next-i18next

o 
isaachinman / next-i18next 
The easiest way to translate your NextJs apps. 
next-i18next 
npm package 4.5. O circleci passing quality 
The easiest way to translate your NextJs apps. 
If you are using next-il 8next in production, please consider sponsoring the package with any 
amount you think appropriate. 
What is this? 
next-i18next is 3 plugin for Next.js projects thet allows yau to get trenslstions up end 
running auickly Encl easily. While fully supporting SSR. multiple r.mesosces with codesplitting.

8. Recharts

Recharts是一个用React和D3重新定义的图表库。它的目的是让你在React中能够很方便的使用图表。

o 
recharts / recharts 
Redefined chart library built with React and D3 
Recharts 
sponsors 2 backers 4 
downloads 1.6M/month 
Introduction 
build failing 
license MIT 
coverage 93% 
npm package 
1.8.s 
Recharts is a Redefined chart library built with React and 03. 
The main purpose of this library is to help you to write charts in React applications without 
any pain. Main principles of Recharts are: 
1. Simply deploy; with React comooner-_s.

9. Monaco Editor

Monaco Editor是一个为VS Code提供支持的代码编辑器。这里有具体优点的描述。

不过需要注意的是,他并没有提供源码,只是提供了安装包。

Github地址:https://github.com/microsoft/monaco-editor

10. Redwood

Redwood是一个很有意思,全栈的,无服务器的WEB应用程序框架,你可以使用它来非常方便地构建和部署JAMstack的应用程序。

参考文章:https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-10th-july-2020-25fg

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *