igorshtang.ru
Теперь у меня есть сайт: igorshtang.ru. На самом деле это не настоящий сайт, а список ссылок на ЖЖ и другие сервисы. Я собрал статьи, переверстки и курсы в отдельные кучки, чтобы они всегда были под рукой.
На главной странице неприлично большой портрет автора в окружении букв и картинок:
Несколько слов об оформлении:
1. Текст набран одним кеглем, строчки попадают в сетку базовых линий (нажмите на иконку в правом верхнем углу). Мне захотелось проверить, насколько старая добрая приводность применима к экранным макетам. Идеальной реализации не получилось. В вебе, в отличие от Индизайна, нет кнопки «Привязать к базовым линиям», поэтому на некоторых устройствах текст прыгает на пиксель или два. Пока не знаю, как это исправить.
2. Верстка, конечно, адаптивная. Включите сетку и посмотрите, как страницы приспосабливаются к разной ширине.
3. Жесткость макета компенсируется мягким шрифтом и приглушенной цветовой гаммой. Rostin - «механический шрифт с органическим началом». Дополнительно я включил минускульные цифры и буквы с завитушками (в кириллице только у, в латинице J Q f j t y). Контраст слегка понижен: вместо черного на белом - темно-серый на светло-сером.
4. Еще одно «смягчающее обстоятельство» - плавная анимация. Тут есть над чем поработать в следующих версиях.
Сайт сверстал Владимир Кузнецов, за что ему большое спасибо.
На главной странице неприлично большой портрет автора в окружении букв и картинок:
Несколько слов об оформлении:
1. Текст набран одним кеглем, строчки попадают в сетку базовых линий (нажмите на иконку в правом верхнем углу). Мне захотелось проверить, насколько старая добрая приводность применима к экранным макетам. Идеальной реализации не получилось. В вебе, в отличие от Индизайна, нет кнопки «Привязать к базовым линиям», поэтому на некоторых устройствах текст прыгает на пиксель или два. Пока не знаю, как это исправить.
2. Верстка, конечно, адаптивная. Включите сетку и посмотрите, как страницы приспосабливаются к разной ширине.
3. Жесткость макета компенсируется мягким шрифтом и приглушенной цветовой гаммой. Rostin - «механический шрифт с органическим началом». Дополнительно я включил минускульные цифры и буквы с завитушками (в кириллице только у, в латинице J Q f j t y). Контраст слегка понижен: вместо черного на белом - темно-серый на светло-сером.
4. Еще одно «смягчающее обстоятельство» - плавная анимация. Тут есть над чем поработать в следующих версиях.
Сайт сверстал Владимир Кузнецов, за что ему большое спасибо.