Как добавить пользовательские сетки на любой сайт в Chrome

Apple может развалиться как с точки зрения дизайна аппаратного, так и программного обеспечения, но на пике она научила нас, как хорошо что-то выглядит, если оно правильно выровнено. Дело в том, что когда вещи идеально выстраиваются, они выглядят лучше, и это справедливо для промышленного дизайна и веб-дизайна. Дизайн веб-сайтов обычно создается в Photoshop, но это не значит, что дизайнеры и разработчики не берутся за внешний вид веб-сайта в своем браузере. С ним довольно легко повозиться; все, что вам нужно сделать, это открыть консоль веб-разработки, которую имеют все основные веб-браузеры, и добавить отступы, изменить цвет текста и т. д. Единственное, чего не хватает всем этим консолям - это инструмент выравнивания. Если Chrome - ваш любимый браузер для разработки, Baseliner это расширение, которое вы должны попробовать. Он добавляет серию горизонтальных линий на ваш экран. У вас есть полная свобода определять расстояние между этими линиями, а также их цвет. Кроме того, этот инструмент позволяет добавлять пользовательские отступы в верхнюю часть страницы до линий сетки.

Установите Baseliner и нажмите кнопку B, которую он добавляет рядом с адресной строкой. Откроется меню с опциями для настройки вашей сетки.

По умолчанию верхний отступ имеет значение 0px, интервал между строками - 12px, а линии серого цвета с непрозрачностью 100%. Чтобы изменить одно из этих значений, щелкните внутри поля рядом с ними.

Поле цвета дает вам стандартную палитру цветов для изменения цвета линий сетки. Значения интервалов, отступов и непрозрачности можно изменить, введя пользовательский номер для каждого параметра. Вы также можете использовать стрелки вверх / вниз для увеличения или уменьшения значения. После того, как вы настроили сетку, нажмите «Применить» внизу.

Пояса добавляются только к текущей странице, а не ко всем страницам, которые вы открыли в своем браузере. Чтобы удалить линии, как только вы закончите, просто нажмите кнопку B еще раз и нажмите кнопку «Удалить» внизу.

Baseliner работает без нареканий. Контроль цвета для сетки и заполнения сверху просто делает расширение еще более интеллектуальным. Мы только хотим, чтобы он поддерживал вертикальные линии.

Установите Baseliner из интернет-магазина Chrome