18 заметок с тегом

вёрстка

Позднее Ctrl + ↑

Линейки сами по себе не отделяют и не объединяют

Линейки работают вместе с отступами. Сейчас покажу на примере.

На Стандартс-мануал линейки отделяют заголовки, цены, кнопки и прочее от изображений и цитат своего блока. А сами блоки отделяются отступами. Но то ли отступы малы, то ли линейки слишком активные, то ли я прокручиваю быстрее положенного, мне сложно фиксировать границы блоков.

Если просто убрать линейки, блоки собираются и отлично отделяются от соседей:

Если поставить линейки в конце или начале блоков — тоже работает:

2018   вёрстка   линейки

Таблицы титрами

Не верстайте так таблицы, потому что внешне это выглядят как текст с центральной выключкой и именно так начинает читаться. И только споткнувшись раз или два, читатель поймёт, что перед ним таблица:

Если очень хотите титры, раздвиньте колонки сильнее:

Когда первая колонка такая однородная по ширине, левые флаги ещё аккуратнее:

2018   вёрстка   таблица
2017   вёрстка   видео

Почтовые упаковка и документы

В Риге не найти некоторых товаров и марок. Нет Икеи, её товары возят и перепродают маленькие магазинчики. Или привозят под заказ. Только в конце лета открылся КОС.

Пустоту заполняют Амазон и другие интернет-магазины.

Чтобы платить НДС сразу при оформлении заказа, мы покупаем товары в европейских магазинах. Когда ещё не знал, купил у Тафти набор из четырёх книг. Без НДС напрямую получалось дешевле. На почте долго тупил, за что с меня хотят денег.

Ещё берём самую простую доставку, потому что не спешим. В итоге посылка — тройная радость: сюрприз даты получение, сама покупка и почтовая упаковка и документ.

Магазинов Эйч-Энд-Эмa в Риге много, но ассортимент неполный. Дополнительный кайф интернет-покупки — бланк, который не получить в магазине:

А вот конверт «Королевской почты»:

Конвертик «Почты Китая». Если в посылке не электроника или товар дешевле 21 €, НДС платить не нужно.

Это потрясающий источник приёмов. И в то же время вялопаханое дизайнерами поле. Бумажки и коробки так увлекают, что с ними жалко расставаться. Поэтому перед тем как выкинуть, фотографирую их и складываю на отдельную доску в Скрап:

Если вы тоже таким занимаетесь, напишите мне на [email protected].

2016   вёрстка   почта   упаковка

Ремарка о выравнивании по центру

Читая прошлую заметку, Роман не всё понял. Дело, конечно, в слабом объяснении — мои формулировки ещё точить и точить. А пока они рыхлые, буду объяснять. Цитирую:

Левый флаг применительно к одной строке шумит сильнее выравнивания по центру, потому что отступов у него тоже два (левое поле не забываем) и при этом они разные.

У левого флага левого отступа нет. Есть отступы от краёв страницы до крайних элементов. Область страницы без отступов (полей) называют форматом. Пример одной строки в формате — однострочный заголовок.

Если на странице одна строка, не выровненная с другими элементами, выключка исчезает вовсе.

Формат — контекст выравнивания (флага, выключки). Элементы выравнивают относительно формата, а потом относительно друг друга (внутри формата). 

Посмотрите на кнопки.

Кнопки слабо относятся к вёрстке — у них своя история. Они попали на экраны из физического мира уже готовым элементом. Кнопки не мыслят, как текст на плашке.

Если предположить, что кнопка — отдельный формат, и применить к надписи левый флаг, кнопка сломается:

P. S. Спасибо Роману за комментарий.

2015   вёрстка   выключка по центру   шум
Ранее Ctrl + ↓