Мой блог

Записи блога

Матрёшка: Яндекс в Додо

Захожу такой в приложении Додо посмотреть где расположены пиццерии:

Отвлекаюсь, нажимаю что-то, бац, и я уже в ЯндексКартах:

Хотя подождите… заголовок то почему-то все еще «Все пиццерии».

Можно заказать такси или войти в свой аккаунт Яндекса:

Полный функционал одного приложения в другом.

Скругления в иллюстраторе

Вот три квадрата одинакового размера с двухпиксельным скруглением каждого угла (на некрасивое механическое скругление не обращайте внимания):

Секрет в том, как расположена обводка относительно контура:

Формально иллюстратор прав, потому что считает радиус скругления во всех случаях по контуру, а оптически — нет. Стоит помнить об этом при рисовании иконок и прочей графики.

Новый сайт

Задизайнил и сверстал свой сайт. Собрал на нем все что радует и радовало последние пару-тройку лет. Сайт отражает направления, в которых я буду двигаться в следующем году.

Техника: попробовал адаптивную верстку и автоматизацию с Gulp. Разметку делал бэмоподобную, стили писал на Less (хотя это скорее чистый css с вкраплениями возможностей препроцессора). Немного залез в js, но знаний пока что не хватает. По верстке еще предстоит многому научиться.

Проверка шрифта в браузере 

Выбранный для проекта шрифт (или шрифты) хорошо посмотреть в деле. Это особенно важно для бесплатных и любительских шрифтов, в которых могут вылезать огрехи.

Если верстки еще нет — проще всего набрать панграмму для 9—21 размера и выборочно для заголовков и посмотреть что происходит:

IBM Plex Sans. Фаeрфокс, ретина

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

Сглаживание

В мелких кеглях все может превращаться в нечитаемую кашу, в крупных верхняя площадка буквы может быть более или менее резкой из-за полупикселя. То есть ±1px в размере меняет восприятие и читаемость.

PT Serif, в 41 кегле верхняя площадка строчных чуть плывет. На неретине это заметно сильнее.

Конечно в разных браузерах все будет выглядеть немного по-разному, при монохромном и субпиксельном сглаживании — тоже, об этом надо помнить. А еще есть мак и виндоус. Ах да, и ретина :—)

Искажение пропорций

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

Но бывает что пропорции выглядят чуть уже или шире. Любимый пример Charmer с PT Serif:

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

Big Sur и пропавшие точки в доке

В Big Sur пропали точки-индикаторы открытых программ в доке. Сначала я подумал что это какой-то баг новой системы, но оказалось что их можно включить или выключить в настройках, причем по умолчанию они выключены.

Вот этот флажок:

Индикаторы в доке (насколько помню) не убирали еще никогда, и по мне это очень сомнительное решение — убирать то, к чему люди привыкали годами. Как теперь понять какая программа открыта?

Открыт файндер и огнелис, но кто это заметит?