sim3x, ну, для того и нужно. Посмотреть дизайн в динамике. Обычная практика в дизайне тех же приложений. Все дизайнеры Uber и Stripe, например, обязаны знать After Effects, чтобы создавать такие видео, где показаны все UX-взаимодействия, которые они напридумывают.
Статика не всегда подходит для этого. Более того, это ТЗ для разработчиков, как надо делать переходы, анимации и т. п. Чтобы не со слов, мол, это выезжает отсюда, а это выскакивает вот так-то. Просто показываешь, как это должно выглядеть.
Непонятное разделение информации в текстовых блоках, много пустых мест/отступов или же скученность; слабая типографика; цвета подавляют и гнетут (лично мне нужно больше белого). Странная кнопка «Записаться онлайн»: маленькая, выровнена нетипично.
Желание уместить всё на одном-единственном экране похвально, но реализовано слабо. Странная реализация блока с контентом а-ля карточки, которые живут своей жизнью. Не очень заметное меню, которое так и тянет положить внутрь такой карточки, которая и должна быть зоной контента.
Общая неряшливость и разнородность отступов, параметров текстов, размеров, выравниваний.
Думаю, всё нормально для первого раза, удачи в профессиональном росте!
Нет, так нельзя. Можно только ограничить размеры самого блока, а нужный кусок двигать через background-position (принцип работы спрайта). Либо делайте новую картинку. Но никак иначе.
Александр Попов, я тестирую в 20+ версиях браузеров верстку обычно, о чём вы говорите. Я на этих ваших кроссбраузерных проблемах собаку съел за эти годы. Надо знать проблемные места просто, коих у FF ровно столько же, сколько у Chrome. Safari гораздо проблемнее, особенно 9-я версия, которая канула в небытие — вот там реально проблем было немерено.
Если вы вручную не меняли масштабирование системы, то на Android-устройствах с вероятностью 99.9% вы увидите 360px. На iPhone 6, 6S, 7, 8, X, XS с вероятностью 100% вы увидите 375px.
900px viewport на мобильном — это нонсенс. Это вообще без масштабирования получается, т. е. будет открывать такой браузер десктопно-планшетные версии всего (а-ля как режим «Версия сайта для ПК».
Александр Попов, с какими ещё косяками flex работает в Firefox <51? Откуда у вас вообще эта информация? Я спокойно все сайты уже три года верстаю на flex, и они все прекрасно работают в IE11, не говоря уже о достаточно свежей версии Firefox. В Firefox 40+ уже всё там было нормально и без геморроя.
Александр Попов, нет, не надёжнее, особого смысла нет в этом. У вас вопрос тянет часы разговоров и разборов технологий. Никто в отрасли так не делает. Все опираются на размер viewport.
Android 2.3? Вы из какого года? :)) Какой у вас пласт клиентов? Это вы из статистики взяли, что у вас куча народа заходит с 2.3 или из головы?
Но вы скажите, откуда информация у вас про такой лютый viewport, когда у iPhone XS — 375px, у XS Max — 414px. У Note 9 стандартные для большинства Android-устойств 360px.
Это помимо того, что вопрос косой.