Сложно ли верстать на экране 1366×768?

Question

[JAlice]

Планирую учиться верстать (точнее, вспоминать вёрстку). Но на хороший ноутбук денег нет. Есть старенький ноут с разрешением 1366×768. Прочитала, что современные макеты делают больше по ширине. С какими проблемами я столкнусь и какие инструменты могут помочь? Например, эмуляция нужного разрешения в FF, Chrome и т.п. Смогу ли я верстать pixel perfect? Вообще, это большая проблема или не критично?

Comments

[tgarl]

Тут больше с каким заказчиком вы столкнетесь и какими инструментами хотите пользоваться - это и будут основные ваши сложности. Тут комментарии в большинстве дают люди у кого все хорошо с инструментами) У нас в компании вести разработку на старых компах это норма, дома тоже ноут старенький и ничего. Да я не могу на него поставить что-то серьезное из серии PhpStorm - жрет памяти как не в себя. Но старая классика в виде Notepad++ с кучей плагинов или VSCode, для серверной части WinSCP, вполне себе нормально работают. Из минусов - если стоит что-то ниже винды 8, то тут проблема что браузеры упираются в предел и не обновляются, что вылезает в то что современные стили не поддерживаются и приходится искать решения старыми способами там где можно было бы указать 1-2 свойствами, но это одновременно и плюс, до сих пор таких компаний в которых Семерка или XP это норма достаточно много. Верстка под 2К легко делатся и проверяется через браузерный зум примерно 50-67%.

И еще нужно у заказчика уточнять что его устроит, мы так заказали себе новый сайт(дизайн+верстка) нам сделали, и никто не подумал предупредить что у нас на рабочих компах XP и когда получили верстку, а у нас она не заработала и мы предъявили претензии, нам сказали вы условия не выставляли такие поэтому переделывать под старые браузеры не будем, платите как за новую работу

[JAlice]

Спасибо!

Answer 1

[rPman]

Работать сможете, в конечном счете можно скролировать экран (в linux для этого штатно в x11 функционал, или в DE, в общем при уводе мышку за физический экран, будет сдвигаться виртуальный бОльшего размера).

Т.е. вы будете видеть попиксельно без масштабирования, а значит и работать сможете.

Будет ли это удобно? однозначно нет. Критично ли это? пока не попробуете не узнаете.

Comments

[JAlice]

Спасибо!

Answer 2

[VoidVolker]

В принципе верстать-то можно и даже с пиксельной точность, но маленькое разрешение экрана это наименьшая ваша проблема. Т.к. ноутбук древний — вам банально не хватит ни вычислительной мощности ни памяти для адекватной работы современных инструментов на нём. Там вряд ли что-то больше гига или двух оперативной памяти, и даже если она там проапгрейжена до 4гигов, то всё равно даже для семёрки 4 гига — это минимум. Современные браузеры запросто десятки гигабайт выжирают. Тот же VSCode жрёт 1,5-2 гига. Если работать именно на ноуте, то придётся искать легковесную IDE или простой редактор исходного кода, например что-то типа SciTE-RU. Максимум, что тут можно выжать, это поставить какой-нибудь легковесный линук с xfce или OpenBox. А основную часть работы выполнять на VPS в ближайшем ЦОД в вашем городе (некоторые провайдеры интернета сдают свои площадки в аренду или можно поинтересоваться у саппорта у кого они арендуют площадки или просто ближайшим ЦОДом для минимизации пинга). Плюс для забугорного инета VPS-то всё равно потребуется. Т.е. использовать ноут преимущественно как тонкий клиент. Для тестирования в современных браузерах есть куча сервисов типа BrowserStack.

Comments

[JAlice]

Спасибо!

Answer 3

[alexalexes]

Скорее всего на этом ноуте классическая TN-матрица. Цветопередача никакая для любых современных графических задач. Это будет самой большой головной болью (в буквальном смысле тоже), а не разрешение.
PS: С другой стороны, ноут можно использовать как мини ПК. Вкладываетесь 5к и у вас уже подключен б/у монитор fullHD с не самыми плохими характеристиками.
А если у вас есть телек, в который вложено больше денег чем в этот ноут, то у вас уже есть моник. На нем можно работать в 150% масштабе.

Comments

[Wispik]

Причем тут цветопередача? Все банально из фигмы берется. Никто при верстке цвета не подберает, это вообще странная затея. Да и в целом, про TN матрицу странный аргумент

[alexalexes]

Автор хочет в pixel perfect. Значит, нужно видеть и градиенты, и тени, и уметь сравнивать размытие элементов с макетом. Эти вещи сложно делать на старых ноутбучных матрицах.

[Wispik]

Pixel perfect - это про расположение блоков

Pixel Perfect (в переводе с английского — «идеальный пиксель») — это подход в веб-вёрстке, при котором итоговый сайт максимально точно, буквально пиксель в пиксель, совпадает с дизайнерским макетом. Идея в том, чтобы каждый элемент — блоки, текст, кнопки, иконки, отступы, шрифты, цвета — занял на странице то же место и имел те же размеры, что и в макете.

И да, на матрице ноутов не видно градиентов или теней :facepalm:
Ещё раз, цвета берутся тупо из макета.

[Сергей delphinpro]

Поддержку. Какое-то время тоже работал за телеком вместо моника, когда тот неожиданно сдох. Даже относительно старые телевизоры рассчитаны на FullHd разрешение (1920*1080), чего в целом хватает для большинства задач.

[JAlice]

alexalexes, Спасибо за ответ. Стала всё-таки задумываться над покупкой нового ноута. Теперь возник новый вопрос: нужна ли цветопередача 100% srgb или достаточно 45% NTSC? Дело в том, что уже выбрала ноут с srgb 100%. Это не помешает? Или даже лучше будет?

Answer 4

[Антон Антон]

на таком экране сложно. да и вообще с двумя мониторами намного приятнее работать, так что купить за полторы-две тысячи бу монитор и подключить его вторым экраном. можно основным. потом заработать тысяч 40 и купить нормальный бу ноутбук типа redmibook pro 2023

Comments

[JAlice]

Спасибо!