July 14th, 2017

igorshtang.ru

Теперь у меня есть сайт: igorshtang.ru. На самом деле это не настоящий сайт, а список ссылок на ЖЖ и другие сервисы. Я собрал статьи, переверстки и курсы в отдельные кучки, чтобы они всегда были под рукой.

На главной странице неприлично большой портрет автора в окружении букв и картинок:
Сайт Игоря Штанга

Несколько слов об оформлении:

1. Текст набран одним кеглем, строчки попадают в сетку базовых линий (нажмите на иконку в правом верхнем углу). Мне захотелось проверить, насколько старая добрая приводность применима к экранным макетам. Идеальной реализации не получилось. В вебе, в отличие от Индизайна, нет кнопки «Привязать к базовым линиям», поэтому на некоторых устройствах текст прыгает на пиксель или два. Пока не знаю, как это исправить.

2. Верстка, конечно, адаптивная. Включите сетку и посмотрите, как страницы приспосабливаются к разной ширине.

3. Жесткость макета компенсируется мягким шрифтом и приглушенной цветовой гаммой. Rostin — «механический шрифт с органическим началом». Дополнительно я включил минускульные цифры и буквы с завитушками (в кириллице только у, в латинице J Q f j t y). Контраст слегка понижен: вместо черного на белом — темно-серый на светло-сером.

4. Еще одно «смягчающее обстоятельство» — плавная анимация. Тут есть над чем поработать в следующих версиях.

Сайт сверстал Владимир Кузнецов, за что ему большое спасибо.