Какие инструменты нужны для верстки на ретине?

Question

[Raul Abdullin]

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

Answer 1

[Виталий Киренков]

У вас неверное понимание всего.

Виртуалки в верстке обычно служат для тестирования в ие.

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

Сублайм - хороший выбор.

Answer 2

[Maksim Zverev]

Для мака наиболее оптимальный тот инструмент, в котором вам будет удобно, а уж что это будет vim, sublime, webstorm , xcode и тд, это уже сугубо ваш личный выбор. Далее вы выбираете, что вы будете использовать в помощь себе (сборщики, препроцессоры, оптимизаторы графики и тд). Когда вы будете верстать, вы познакомитесь с нюансами верстки, коим и является ретина.
Вот к прочтению: www.smashingmagazine.com/2012/08/20/towards-retina-web
Виртуальные машины не нужны.

Answer 3

[Hovhannes Sargsyan]

что бы проверить на обычном дисплейе ретину хоть как то, можно запустить файрфокс с такими параметрами..

вводим в адесной строк е about:config - потом находим - layout.css.devPixelsPerPx,


и меняем значение с -1.0 на 2

Answer 4

[Totalcan]

Средства обычного css и график заранее подготовлена под ретину, если это растр, а если это иконки флет, то можно использовать вектjрные svg