Удобно ли верстать HTML на ретине?

Question

[viento]

Планирую взять МакБук с ретиной.

Просьба к HTML/CSS верстальщикам отозваться. Удобно ли верстать на ретине? Если пикселов не видно - можно ли как-то определить расстояние между элементами страницами?

Или, может быть, есть смысл взять МакБук без ретины?

Answer 1

[Ольга Стогова]

Хотела написать что-нибудь наполненное сарказмом, типа «возьмите теплый ламповый монитор старых годов, там отлично видны пиксели, они помогут вам верстать идеально», но, оказалось, что я хороший человек.

Берите ретину! Это офигенно! Это не будет вам мешать верстать никоим образом, для пиксельперфекта нужна не малая плотность пикселя экрана, а ровные руки, растущие из правильного места, и опыт-опыт-опыт. А ретина это прекрасно, верстайте макеты с учетом существования ретины, откройте сайты на ретине, не сделанные под нее — картинки оформления размыты, все фу-фу, а с ретиной вам некуда будет деваться, вы будете верстать под нее, чтобы все было четко, резко. И ваши сайты на galaxy note и на ipad air будут смотреться просто великолепно.

Но вы, конечно, можете верстать под малые разрешения, не учитывая высокую плотность пикселей устройств, я буду только рада. Больше людей верстают плохо — больше денег я получаю.

Comments

[viento]

Спасибо! :)

[Ольга Стогова]

@viento не оставляет вопрос, а как в определяете расстояние между элементами сейчас, так и вижу картину — вы, лупа, монитор и скрупулезный подсчет видимых пикселей?

Идеальная верстка получается, когда макет сохраняете в jpg/png, как нравится, ставите bg у body, dom'у opacity под 0,7 тогда видно макет через dom дерево, можно верстать с точностью пиксель в пиксель, совершенно не парясь

[viento]

@dessert вообще то, это я еще до вашего ответа спросил :) а так да, некоторые моменты проверяю с помощью линейки из пакета Web Developer для Firefox. вы совершенно правы в том, что прямые руки позволяют верстать с сохранением всех оригинальных размеров и расстояний.

[Ольга Стогова]

@viento попробуйте сделать, как я написала выше, вы удивитесь насколько это удобно и ускоряет процесс

[viento]

спасибо! обязательно попробую :)

Answer 2

[Kirill Popolov]

Для меня не принципиально, ретина (был небольшой опыт верстки, не уверен, что можно рассматривать как показатель) или нет. Я в любом случае не верю глазам и проверяю инструментами.

Comments

[viento]

ну да, я тоже инструментами проверяю - линейкой из пакета Web Developer для Firefox. просто, не могу себе представить - там что то можно увидеть?

[Константин Величко]

@viento Идите в магазин и проверьте, в чем проблема. Там все видно даже 8px шрифт

[Kirill Popolov]

Увидеть где и что? Значения линейки? Бордер в 1px? Сравнить расстояние между блоками в 4px и 5px?

[viento]

@Zoxon не, понятно, что шрифты видны. я имею ввиду - можно ли померить - действительно ли расстояние между элементами 10 пикселов. или как, вообще, это происходит на ретине?

[Константин Величко]

@viento Внимательно читаем ru.wikipedia.org/wiki/Retina

[viento]

@ezhikov да да, именно. есть какая то разница в работе на обычно мониторе или на ретине? прошу прощения, если глупости спрашиваю.

[Kirill Popolov]

@viento Просто больше плотность пикселей. Все. Больше никакой разницы. Если переходите с 800*600, то, наверное, будет непривычно. Привыкнуть можно. Тем более, если мерить инструментами, а не доверять глазомеру.

[viento]

@ezhikov то есть, можно брать и работать без проблем, да? спасибо большое!

[Kirill Popolov]

@viento ниже дали совет перед покупкой пойти и посмотреть в магазине. Откройте текстовый редактор, набросайте простенький html. Если будет удобно - покупайте. Если нет, подумайте еще.

[viento]

@ezhikov Ясно. Спасибо большое!

Answer 3

[Krickt]

Я бы не брал ретину из-за привычки. А на разницу в цене забустил бы железо.

Comments

[viento]

Спасибо!

Answer 4

[Константин Величко]

@viento Все просто, много пикселей на меньшей плоскости. Размер пикселя меньше. Но у пикселя нету фиксированного размера в единицах измерения, как нету у em или %.
На ретине просто будет все мельче
Идите в магазин и проверьте, понравится или нет

Comments

[viento]

Ясно. Спасибо!

Answer 5

[hadra]

Открой сайт и посм.. как тебе. Вот и ответ.

Answer 6

[hvab]

Купил? Как ощущения?
На ретине дизайн при 100% зуме выглядит в 2 раза меньше, чем на обычном мониторе. Чтобы удобно верстать, приходится зумить. И принтскрин страницы в браузере будет в два раза больше при вставке его из буфера в дизайн (для сверки, например).

Comments

[viento]

Еще не купил :) Коплю деньги пока.