Дизайн адаптива
TLDR: С декабря 2019 мы переходим на дизайн макетов с разрешения 320 на 375рх.
По традиции мы всегда делали адаптивку шириной в 320рх — стандартный размер iPhone 4/4s/SE. Долгое время это было удобно: бóльшая часть устройств была с таким разрешением, а растянуть на верстке макет до бóльшего размера было легче, чем умещать много контента на маленьком экране.
Сегодня по статистике телефонов с разрешением 320рх меньше 9%. Остальные — только больше.
Подробнее: https://gs.statcounter.com/screen-resolution-stats/mobile/russian-federation/#monthly-201811-201911-bar
Вместе с Олегом Бакаевым мы решили перейти к дизайну макетов шириной 375рх. Это стандартное разрешение большинства айфонов: iPhone 6/6 Plus/6s/6s Plus/7/8/X/Xs/11 Pro. И хотя по статистике более популярно андроидовское разрешение 360рх, мы остановились на 375, так как и у нас самих, и у клиентов преобладают смартфоны Apple.
Дизайнерам при разработке макетов в любом случае надо учитывать разрешение в 320. Особенно при разработке шапки сайта: нужно чтобы все ее содержимое (и других блоков, конечно же) без проблем умещались на маленьких экранах.
Такие новости. Всем спасибо✌️
