Apple, можливо, розпадається в плані обохдизайн апаратного та програмного забезпечення, але на піку він вчив нас, як добре щось виглядає, якщо його правильно вирівняти. Справа в тому, що коли ідеально вибудовуються речі, вони виглядають краще, і це справедливо для промислового дизайну та веб-дизайну. Дизайн веб-сайтів зазвичай створюється у Photoshop, але це не означає, що дизайнери та розробники не роздумують із виглядом веб-сайту у своєму браузері. З цим легко повозитися; все, що вам потрібно зробити, - це відкрити консоль веб-розробки, яку мають усі основні веб-браузери, і додати прокладки, змінити колір тексту тощо. Одне, у чому відсутні всі ці консолі - це інструмент вирівнювання. Якщо Chrome - ваш бажаний браузер для розробки, Базелінер це розширення, яке ви повинні спробувати. Це додає ряд горизонтальних ліній на ваш екран. Ви маєте повну свободу визначати проміжки між цими лініями, а також їх колір. Крім того, інструмент дозволяє додати користувацьку підкладку вгорі сторінки перед лініями сітки.
Встановіть Baseliner і натисніть кнопку B, яку він додає поруч із адресним рядком. Відкриється меню з опціями налаштування вашої сітки.
За замовчуванням для верхньої підкладки встановлено 0px,інтервал між рядками встановлюється в 12 пікс., а лінії сірого кольору, а непрозорість - 100%. Щоб змінити будь-яке з цих значень, натисніть всередині поля поруч із ними.
Кольорова коробка надає стандартний підбір кольорівзмінити колір ліній сітки. Значення інтервалу, прокладки та непрозорості можна змінити, ввівши спеціальний номер для кожного параметра. Можна також використовувати стрілки вгору / вниз, щоб збільшити або зменшити значення. Після налаштування сітки натисніть "Застосувати" внизу.
Поперечні лінії додаються лише до поточної сторінкиа не на всі сторінки, які ви відкрили у своєму браузері. Щоб видалити рядки після завершення, просто натисніть кнопку B ще раз і натисніть кнопку "Видалити" внизу.
Базелінер працює бездоганно. Контроль кольору сітки та накладки вгорі просто роблять розширення ще більш розумним. Ми лише бажаємо, щоб він підтримував вертикальні лінії.
Встановіть Baseliner з веб-магазину Chrome
Коментарі