Grid Background
Grid with any sized or any color for body
什么是Grid Background？
Grid Background是由https://moz.one开发的Chrome扩展程序，该扩展的主要功能是“Grid with any sized or any color for body”。
扩展截图
下载Grid Background扩展crx文件
下载Grid Background扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
Why is Vertical Rhythm an Important Typography Practice?
You probably heard of the term Vertical Rhythm if you researched a little about typography on the web. It’s one of the most important practices when working with typography. I’ve used Vertical Rhythm on all my sites ever since I read about it.
One day, it struck me that I haven’t had a clue why vertical rhythm was important. Two more questions quickly arose following that thought: “How does Vertical Rhythm improve the design of the site? What lessons can I draw from Vertical Rhythm so I can improve my design?”
I decided to find out why. Here are my thoughts.
Let’s begin the article with some context so we’re on the same page.
What is Vertical Rhythm?
Vertical Rhythm is a concept that originated from print typography (I think). In Vertical Rhythm, we try to keep vertical spaces between elements on a page consistent with each other.
This is often done with the help of a baseline – A common denominator used to create the consistent spaces.
In practice, we often visualize the baseline in print design by overlaying our page with a baseline grid as shown below...
Reading it: https://zellwk.com/blog/why-vertical-rhythms/ 扩展基本信息
| 名称 |  Grid Background |
| ID | kncppeginfiiolkcjgjplepdncccoigo |
| 官方URL | https://chromewebstore.google.com/detail/grid-background/kncppeginfiiolkcjgjplepdncccoigo |
| 简介 | Grid with any sized or any color for body |
| 文件大小 | 17.54 KB |
| 安装次数 | 37 |
| 当前版本 | 0.0.1 |
| 更新时间 | 2022-07-05 |
| 上架时间 | 2022-07-04 |
| 开发者 | https://moz.one |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 隐私政策页面URL | https://policies.moz.one/privacy/mdn-wayback |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 3,
"name": "Grid Background",
"description": "Grid with any sized or any color for body",
"version": "0.0.1",
"icons": {
"32": "\/images\/favicon-32x32.png",
"48": "\/images\/favicon-48x48.png",
"128": "\/images\/favicon-128x128.png"
},
"homepage_url": "https:\/\/moz.one\/",
"permissions": [
"storage",
"activeTab",
"scripting"
],
"commands": {
"_execute_action": {
"suggested_key": {
"default": "Ctrl+G",
"mac": "MacCtrl+G"
}
}
},
"background": {
"service_worker": "background.js"
},
"action": {
"default_popup": "popup.html"
}
} | |
