Описание
Плагин предназначен для наложения сетки золотого сечения на страницу во время предварительного просмотра при редактировании.
Позволяет визуально оценить размеры элементов и их позиции на соответствие пропорциям золотого сечения.
Вы можете изменять размер сетки и перемещать её по странице используя мышь и её колёсико.
Режимы сетки: линии, окружности, квадраты и спираль Фибоначчи. Также имеются всплывающие подсказки для кнопок управления. Все режимы могут быть включены или выключены с помощью чекбоксов на странице настроек.
Также отображается таблица с данными подходящей ширины и высоты элемента. Вы можете навести курсор на данные в таблице, соответствующая линия сетки будет подсвечена.
Набор кнопок управления даёт возможность убирать и показывать сетку, таблицу данных, пропорционально изменять размер сетки, инвертировать цвета, делать линии пунктирными, вращать отображаемую спираль и окружности.
Также имеется кнопка для общего удаления с экрана элементов плагина и их отображения.
На странице настроек вы можете выбрать цвета линий, убрать ненужные элементы сетки, изменить ширину линий и их прозрачность.
Имеется чекбокс, который позволяет полностью отключать и включать плагин. Так, что нет необходимости деактивировать плагин, когда в нём нет необходимости.
Плагин не оказывает никакого влияния на внешний вид и 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 для получения гармонии Золотого сечения.
- Сохранить изменения в файле стилей.
Сетка видна только в режиме предварительного просмотра.Она автоматически отключается и не появляется на опубликованной странице.
Скриншоты
Страница настроек Режим рисования окружностей. Положение сетки при определении подходящего отступа для колонки и ширины блока текста. Положение сетки, когда определяется подходящая высота заголовка, промежуток между заголовком и следующим блоком, размер шрифта, межстрочное расстояние, позиция изображения и прочее. Подсветка линии сетки при наведении курсора на ряд в таблице.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«Fibo Golden Ratio» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники«Fibo Golden Ratio» переведён на 1 язык. Благодарим переводчиков за их работу.
Перевести «Fibo Golden Ratio» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.7.4 (12.11.2020)
- Добавлен ряд с нулём процентов в таблицу данных.
- Добавлено одновременное изменение цвета рамки сетки.
- Изменён вид курсора над таблицей данных.
- Исправлено изменение размера сетки по клику над исходной рамкой.
- Увеличивает ширину пунктирной линии рамки.
1.7.3 (08.11.2020)
- Добавлена рамка исходного размера сетки при уменьшении.
- Добавлен клик для изменения размеры сетки в соответствии с данными в таблице.
- Добавлен двойной клик для установки размера сетки в соответствии с данными в таблице.
- Добавлена подсветка данных таблицы при уменьшении и увеличении размеров сетки.
- Изменёна исходная ширина таблицы данных.
- Исправлена ошибка кнопки изменения размера сетки.
- Исправлена позиция сетки после загрузки предварительного просмотра.
1.7.1 (30.10.2020)
- Добавлены кнопки-чекбоксы для выбора типа сетки непосредственно на странице предварительного просмотра.
- Добавлена кнопка перемещения элементов плагина с верхней части вниз экрана и обратно.
- Изменён алгоритм кнопок увеличения и уменьшения размеров сетки в соответствии с Золотым сечением.
- Изменён внешний вид кнопок управления.
- Изменено количество значащих цифр в таблице данных с 3 на 4 цифры.
- Исправлено зависание всплывающей подсказки.
1.6 (20.10.2020)
- Добавлен чекбокс на странице настроек для включения и отключения всплывающих подсказок.
- Добавлена подсветка линий при наведении курсора мыши на соответствующие данные в таблице.
- Добавлена подсветка рядов в таблице данных при наведении курсора.
- Добавлены всплывающие подсказки для кнопок управления.
- Добавлены всплывающие подсказки для типов курсора.
- Изменена позиция блока кнопок, которые перемещены в верхний левый угол экрана.
- Исправлена высота сетки на 1 пиксель для точного совпадения данных в таблице и отображаемой сетки.
1.5 (10.10.2020)
- Добавлена таблица данных с вариантами ширины колонки.
- Добавлена подсветка нечётных рядов в таблице данных.
- Добавлены два режима инвертирования цветов линий сетки.
- Изменено количество режимов пунктирных линий с 4 на 2.
1.4 (07.10.2020)
- Добавлено автоматическое изменение прозрачности кнопок.
- Добавлена сетка точек внимания (сладкие места).
1.3 (04.10.2020)
- Добавлена кнопка для перемещения сетки в текущую видимую часть страницы.
- Добавлено рисование квадратов.
1.2 (01.10.2020)
- Добавлена ссылка на настройки в списке плагинов.
- Добавлены перекрестия в центрах окружностей.
- Изменены цвета линий по умолчанию.
- Изменена форма страницы настроек. Уменьшено расстояние между настройками (CSS).
1.1 (29.09.2020)
- Добавлена ссылка на описание плагина в странице настроек.
- Добавлено рисование окружностей.
- Добавлена иконка в меню административной панели.
- Изменено направление перемещения сетки с помощью колёсика мыши.
- Исправлена кнопка вращения сетки.
1.0 (26.09.2020)
- Исходный выпуск