Складаний iPhone вже тут: як не зламати макети? Apple випустила Safari

Новини, знання, навчання в UI/UX та графічному дизайні [Design.Hub]

@designhub_skills

Реклама — @TeLeAds Купити рекламу: https://teleads.com.ua/?r=nxa4mpne:775 Питання, пропозиції, реклама: https://t.me/erikts7 Інформація про платформу: @designhub_ua * Батл: @designhub_battle * Івенти: @designub_event * Преміум чат: @erikts7

Складаний iPhone вже тут: як не зламати макети?

Apple випустила Safari 27.1 разом із iPhone Duo. За даними WebKit, ширина вʼюпорта пристрою змінюється приблизно від 382 до 951 CSS-пікселів залежно від стану екрана.

Що перевірити в макетах?
▪️ Додай проміжні брейкпойнти в діапазоні 600–950 px: мобільний інтерфейс може погано виглядати на розгорнутому екрані.
▪️ Врахуй змінну висоту екрана: не притискай важливі дії до нижнього краю.
▪️ Продумай двоколонкові сценарії: список і деталі або редактор і прев’ю.
▪️ Обговори з розробником device-posture і Viewport Segments API. Вони експериментальні й потребують увімкнення прапорців у Safari.

📒 Першоджерело

❖ Персональне менторство (від 900 грн/міс) • YouTube канал

Складаний iPhone вже тут: як не зламати макети? Apple випустила Safari 27.

Новини, знання, навчання в UI/UX та графічному дизайні [Design.Hub]