Forwarded from Ticks'n'Trips
Вертикальная адаптивность
Когда заходит речь об адаптивной вёрстке, все обычно говорят о ширине экрана, но часто забывают про высоту. Или ещё хуже – помнят, но исходят из размеров экрана, а не вьюпорта.
В итоге получается так, что захожу я с ноутбука с экраном 1366×768 на сайт молодёжного фестиваля и у меня абзац текста в духе модной КРУПНОЙ ТИПОГРАФИКИ не влезает целиком на экран, а подпись в слайдере вообще режется своим фреймом.
Когда заходит речь об адаптивной вёрстке, все обычно говорят о ширине экрана, но часто забывают про высоту. Или ещё хуже – помнят, но исходят из размеров экрана, а не вьюпорта.
В итоге получается так, что захожу я с ноутбука с экраном 1366×768 на сайт молодёжного фестиваля и у меня абзац текста в духе модной КРУПНОЙ ТИПОГРАФИКИ не влезает целиком на экран, а подпись в слайдере вообще режется своим фреймом.
🤬3
Forwarded from Ticks'n'Trips
А самое интересное – что этот дизайн-паттерн поощряется самим софтом для разработки интерфейсов. И фотошоп, и иллюстратор, и фигма, и скетч – все предлагают не браузерные, а «экранные» разрешения, никто даже не напоминает о том, что «эй, ребят, не забудьте, что там ещё браузер и ОС отожрут 200 пикселей, не надо дизайнить десктоп в 16:9».
Не поддавайтесь: дизайн под FullHD – это где-то 1900×800, а под ноутбук – 1340×600.
Не поддавайтесь: дизайн под FullHD – это где-то 1900×800, а под ноутбук – 1340×600.
❤🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
На Витебском вокзале в Петербурге тестируют табло со встроенной проверкой вестибулярного аппарата. Если не стошнило от табло, значит и в поезде не укачает. До чего технологии дошли!
👍9
В чатике обратили внимание на совершенно отбитый алгоритм сокращения текста про обновления в новой версии Play Market. Они берут первые 40 и последние 40 символов, а все оста...готочие