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 |
| 官方網址 | 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"
}
} | |
