Fibo Golden Ratio
Плагин предназначен для наложения сетки золотого сечения на страницу во время предварительного просмотра при редактировании. Позволяет визуально оценить размеры элементов и их позиции на соответствие пропорциям золотого сечения. Вы можете изменять размер сетки и перемещать её по странице используя мышь и её колёсико. Режимы сетки: линии, окружности, квадраты и спираль Фибоначчи. Также имеются всплывающие подсказки для кнопок управления. Все режимы могут быть включены или выключены с помощью чекбоксов на странице настроек. Также отображается таблица с данными подходящей ширины и высоты элемента. Вы можете навести курсор на данные в таблице, соответствующая линия сетки будет подсвечена. Набор кнопок управления даёт возможность убирать и показывать сетку, таблицу данных, пропорционально изменять размер сетки, инвертировать цвета, делать линии пунктирными, вращать отображаемую спираль и окружности. Также имеется кнопка для общего удаления с экрана элементов плагина и их отображения. На странице настроек вы можете выбрать цвета линий, убрать ненужные элементы сетки, изменить ширину линий и их прозрачность. Имеется чекбокс, который позволяет полностью отключать и включать плагин. Так, что нет необходимости деактивировать плагин, когда в нём нет необходимости. Плагин не оказывает никакого влияния на внешний вид и 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 для получения гармонии Золотого сечения.
- Сохранить изменения в файле стилей.
Сетка видна только в режиме предварительного просмотра.Она автоматически отключается и не появляется на опубликованной странице.