
內容簡介
此外掛的設計目的是在編輯預覽頁面上覆蓋黃金矩形網格,
能夠讓您直觀評估頁面元素的大小和位置是否符合黃金比例。
您可以使用滑鼠和滾輪更改網格的大小和在頁面上移動網格。
有網格模式:線條、圓形、正方形和費氏螺旋。控制按鈕上有工具提示。在選項頁面上的勾選框中,所有模式都可以啟用和停用。
適當的元素寬度和高度的數據表也被處理。您可以將游標懸停在表格中的數據上,網格線會被突顯顯示相應的數據。
一組控制按鈕允許您隱藏並顯示網格和數據表,等比例更改網格大小,反轉顏色,使線條成點狀,並旋轉所顯示的螺旋和圓形。
還有一個按鈕可以在屏幕上啟用和停用插件元素。
在選項頁面上,您可以選擇線條顏色,刪除不必要的網格元素,更改線條寬度和不透明度。
還有一個勾選框允許您完全啟用或停用整個插件。因此,當不需要時無需停用插件。
此外掛不會影響頁面的外觀和 HTML 代碼,當它進行發布時不會出現在該頁面中。
在瀏覽器上的測試:Yandex v20.8.3.115、Google Chrome v85.0.4183.121、Opera v70.0.3728.189、Microsoft Edge v85.0.564.51和Firefox v78.0.2。
使用方法
安裝此外掛。
在選項頁面上設置網格參數並保存它們。
打開現有頁面進行編輯或創建新頁面。
預覽該頁面。您將在上面看到黃金矩形網格。
使用滑鼠和滾輪來在頁面或其元素上設置網格的寬度和位置。
使用 CSS 調整元素大小以獲得黃金比例的和諧。
保存樣式文件中的更改。
該網格僅在預覽模式下可見。它會自動停用,並不會出現在發布的頁面上。
外掛標籤
開發者團隊
原文外掛簡介
The plugin is designed to overlay the Golden section grid on the page during the preview when editing.
Allows you to visually assess whether the page element sizes and its position correspond to the Golden ratio.
You can change the size of the grid and move it around the page using the mouse and its wheel.
There are grid modes: lines, circles, squares, and the Fibonacci spiral. There are also tooltips for the control buttons. All modes can be enabled and disabled using the checkboxes on the options page.
The data table of the appropriate width and height of an element is also processed. You can hover the cursor over the data in the table. The grid lines corresponding to the data will be highlighted.
A set of control buttons allows you to hide and display the grid and data table, change the grid size proportionally, invert colors, make lines dotted, and rotate the displayed spiral and circles.
There is also a button for General enabling and disabling plugin elements on the screen.
On the option page you can choose colors of lines, remove unnecessary elements of the grid, change the line width and opacity.
There is also a checkbox that allows you to completely enable or disable the plugin. So, there is no need to deactivate the plugin when it is not needed.
The plugin does not affect the appearance and html code of the page when its publishing.
Tested on browsers: Yandex v20.8.3.115, Google Chrome v85.0.4183.121, Opera v70.0.3728.189, Microsoft Edge v85.0.564.51, Firefox v78.0.2.
Usage
Install the plugin.
Set the grid parameters on the options page and save them.
Open an existing page for editing or create a new one.
Make a preview of the page. You will see the Golden section grid on it.
Use the mouse and its wheel to set the width and position of the grid on the page or its elements.
Adjust the element sizes using CSS to get the Golden ratio harmony.
Save changes in the style file.
The grid is only visible in preview mode. It is disabled automatically and does not appear on the published page.
