VegasChickiChicki, Да, реальность жестока. Я уже даже думаю, может быть мне и не суждено получить высшее образование, так как все упирается в деньги и совмещать все очень сложно ((
Сам фриланс. Некоторые говорят, что нужен опыт работы в офисе, чтобы заниматься фрилансом. Из-за этого кажется, что ничего не получится.
Совмещать можно, но не ясно на какой заработок в месяц вы рассчитываете.
Рассчитывать на многое не приходится. Минимальный заработок, которого будет хватать на все необходимое. Это может быть около 30 000 в месяц, может быть меньше, если жить в общежитии.
WapSter, да, 100vh не даст обрезать header, но в данном случае, наверное, такое решение применимо для экранов с не очень большой высотой, иначе внизу останется много пустого пространства. Я сейчас думал над одним решением данной проблемы, но не знаю насколько это приемлемо.
Высота header'а на макете составляет 741px, что явно больше высоты моего viewport'а (635px), из-за чего header обрезается. Значит, можно использовать JavaScript для того, чтобы определить высоту viewport'а, и, если она меньше 741px, выставить header'у высоту в 100vh, а изображение iPad'а уменьшить. Если высота viewport'а равно или более 741px - отобразить header в том масштабе, в каком он изображен в макете.
Как вы думаете, это удачное решение? Чтобы и те и другие пользователи остались довольны?
Дима Турков, вы считаете уже можно использовать flexbox или grid без опасений? Я просто сам учусь верстке и задаюсь этим вопросом. Недавно нашел серию видеоуроков верстки макета (2016 год), в которой автор решил не использовать flexbox из-за IE 9. Стоит ли сейчас задаваться подобными вопросами поддержки?
Pyls, Для иконок верстальщики используют SVG (тот же Font Awesome), которое масштабируется как угодно. Конечно, если вам понадобилось использовать PNG-файл, то, чтобы при масштабировании он выглядел достойно, он должен быть высокого разрешения.
В медиазапросах все равно используют так называемые CSS-пиксели (виртуальные, иначе говоря), которые затем масштабируются в реальные пиксели. Но разрабатывать дизайн можно и в бОльшем разрешении, хоть это может и не иметь смысла.
Руслан Гильфанов, да, к сожалению, так бывает. Я учусь третий год в техникуме, а некоторые из моих одногруппников до сих пор не знают, что такое Visual Studio или даже что такое блочный элемент. Некоторым из них просто безразлично с какими знаниями они выйдут из учебного заведения.
Рустам Байназаров,
Привет! В комментарии выше вы отправили ссылку на статью об использовании EM в медиазапросах, я прочитал ее, затем прочитал статью другого человека, который ссылался на эту статью. Последний утверждал, что вычисления в EM (при увеличении) имеют баг в Safari, в то время как PX играют свою роль так, как и должны. https://adamwathan.me/dont-use-em-for-media-queries/
Рустам Байназаров, задавать медиазапросы в rem/em не имеет никакого смысла. Даже в Bootstrap этого не сделали. Это было бы плохой идеей, наверное, ведь медиазапросы должны быть фиксированными.
Рустам Байназаров, да, ерунда та еще. Ведь, если мы указываем border-width: 1px, то на мобильном устройстве, по идее, граница должна отображаться примерно в том же масштабе, как и на экране монитора, ведь на один пиксель монитора приходится около 2-3 пикселей современного мобильного устройства.
